/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*@font-face {
    font-family: "openSans";
    src: local("openSans"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
}*/

/*********
color used:
blue:#010080;
pink:#e60677;
lightGrey background:#fbfbfb;
************/
@font-face {
	  font-family: "password";
	  src: local("password"), url("../fonts/password.ttf") format("truetype");
}
body{	
	margin: 0px;
	padding: 0px;
	font-family: Arial !important;
	font-size: 14px ;
	-webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

p{
	padding: 0px;
	margin: 0px;
}

a{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	cursor: pointer;
}

.mylihover:visited{
	color: blue;
}
table td th{
	padding: 0px;
	margin: 0px;	
}

.blue{
	color: #010080;
}

.pink{
	color: #e60677;
}
#dob[readonly]{
	cursor: pointer!important;
    background: #FFF url(../imagesIB/smallCalendar.png) no-repeat 95% center !important;
    background-position: 95% center;
    background-size: 14px 14px;
}
input[readonly]{
	cursor: not-allowed;
	background: #dad5d5 !important;
}

/**end of css for all pages**/
/*******css for fonts used*******/

.fontNano{
	font-size: 10px;	
	font-weight: normal;
}

.fontSmall{
	font-size: 12px;
 	font-weight: normal;
}

.fontNorm{
	font-size: 1.5em ;
 	font-weight: normal ;
}

.fontLarge{
	font-size: 1.8em ;
 	font-weight: normal ;
}

/*******end of css  for fonts used*******/

#loginHeading{
    font-size: 16px;
    margin: 20px 0;
    background-color: rgba(230, 6, 103, .6);
    padding: 10px 0px;
    font-weight: bold;
    border-radius: 5px;
}

/**css for buttons used**/

.myBtn{
	background: #e60677;
	display: block;
	position: relative;
	width: 170px;
	height: 30px;
	line-height: 30px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #e60677;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
    border-radius: 25px;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.myBtn1{
	background: #e60677;
	display: block;
	position: relative;
	padding: 10px;
	margin: 0px 0px 10px 0px;
    border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	font-size: 14px;
    color: #FFF;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;	
}

.myBtn1:hover, .myBtn1:active {
	background: #2e3094;
 	text-decoration: none;
 	color: #FFF;
}

.myBtn:hover, .myBtn:active {
	background: #000180;
	border: 1px solid #000180;
 	text-decoration: none;
 	color: #FFF;
}

.myBtnRev{
    width: 70px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: 1px solid #2e3094;
    -webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
    color: #2e3094;
    text-decoration: none;
    margin: 10px 10px 10px 0px;
    padding: 4px 6px 4px 6px;
}

.myBtnRev:hover{
	 background: #e60676;
	 color: #FFF;
	 border: 1px solid #e60676;
     text-decoration: none;
}

.gatebtn{
	background: #2e3094;
	display: block;
	position: relative;
	width: 60%;
	padding: 10px;
	margin: 0px 0px 10px 0px;
    border: 1px solid #2e3094;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
    border-radius: 25px;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
}

.gatebtn:hover{
	background: #e60677;
	border: 1px solid #e60677;
 	text-decoration: none;
 	color: #FFF;
}
/**end of css for button used**/

/********dropdown*******/

.dropdown {
    position: relative;
    display:  block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 210px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0px 0px;
	z-index: 1000;
}

/*.other-features{
	right: -50px;	
}*/

/*.faq{
	right: -100px;	
}*/

#dropCont{
	display: none;	
}

#dropCont1{
	display: none;	
}

.dropdown-content{
	display: block;
}

.mylihover{
	display: block;
	margin-right: 0%;
	border-bottom: 1px solid #2d3192;
	padding: 5px 0px;
	text-transform: uppercase;
	text-indent: 12px;
}

.mylihover:hover{
	display: block;
	padding: 5px 0;
	background: #e60677;
	color: #fff;
	font-weight: bold;
	width: 100%;
}

/***********end of dropdown*******************/

.smallfont{
	font-size: 12px;
}

/*********start of start page css*****/
#mainContainer{
	position: relative;
	margin: 0px auto;
	background: #fbfbfb;
	z-index: 1000;
	width: 951px;
	vertical-align: middle;
}

.carousel{
	position: relative;
	background: rgba(0,0,0,.5);
	z-index: 10;
	margin: 0px;
	padding: 0px;
	height: 405px;
	width: 950px;
	overflow: hidden;
	top: 3px;
}

.nodisplay{
	display: none !important;
}

.caro{
	position: relative;
	top: 0px;
	height: 405px;
	width: 950px;
	vertical-align: middle;
	background-size: cover;
	transition: all 300ms ease;
}

.carouselImg{
	position: relative;
	width: 100%;
	height: 100%;
	
}

.headerRow{
    position: relative;
    top: 0;
	width: 100%;
    height: 50px;
    color: #e60677;
    background-color: #fff;
    border-top: 2px solid #e60677;
    padding: 5px 0px;
}

.headerRowSub{
    -ms-transform: translateY(70%);
	-moz-transform: translateY(70%);
	-webkit-transform: translateY(70%);
	transform: translateY(70%);
    float: right;
}

.headerRightanc{
	color: #e60677;
	margin: 0px 5px 0px 0px;
	display: inline;
    font-size: 12px;
    position: relative;
    top: 3px;
}

.headerRightanc:hover{
    color:#000180;
}

.headerCenter{
	background: #000180;
	position: relative;
	display: inline-block;
	top: 5px;
	height: 36px;
	left: 0px;
	width: 100%;
	/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);*/
	z-index: 100;
}

#cubLogo img{
    border: 0;
    display: block;
    margin-left: 0px;
	height: 50px;
	width: 100%;
}

.menu_item{
   position: relative;
   top: -4px;
   width: 120px;
   padding:7px;
   margin: 0px 10px;
   color: dimgray;
   text-transform: uppercase;
   margin: 0 auto;
}

/*.menu_item1{
   width: 70px;
   padding:1px;
   margin: 0px 10px;
   color: dimgray;
}*/

.menu_item:hover{
    color: #000180;
    font-weight: bold;
}

.menu_item p{
    margin-top: 10px;
}

.anchHead{
    color: #fff;
    margin-top: 15px;
    margin-bottom:15px;
}

.anchHead:hover{
    color: #fff;
}

.locatorimg{
	height: 16px;
	width: 14px;
	margin-right: 5px;
	transform: translateY(3px);
}

.LoginBoxRight{
	background: rgba(230, 6, 103, .3);
	position: absolute;
	top: 168px;
	/*height:210px;*/
	height: 170px;
	width: 250px;
	right: 56px;
	color: #FFF;
	border-radius: 5px;
	box-shadow: 0px 8px 16px 0px rgba(0,1,18,0.6);
	z-index: 10;
}

.carousal-indicator{
	position: absolute;
	right: 10px;
    bottom: 10px;
}

.andrBox{
	position: relative;
	top: 17px;
	width: 100%;
	background: #FFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 54px;
}

#servicesTable{
    margin: 20px 0px 0px 0px;
}

.servicesRow{
    background-color: #000180;
    border-bottom: solid 3px #e60676;
    height: 42px;
}

.servicesList{
    margin: 0px 0px 0px 25px;
    color: black;
    font-size: 12px;
    width: 305px;
    height: 280px;
    overflow-y: auto;
}

span.smallfont.mar5 {
    margin: 3px 0;
    display: block;
}

.servicesList li{
    margin-top: 20px;
}

.leftbox{
	display: block;
	position: relative;
	cursor: pointer;
}

.leftbox:hover .servicesRow{ 
	background-color: #000059;
    /*border-bottom: solid 3px #000180;*/
}
.rightbox{
	display: block;
	position: relative;
	cursor: pointer;
}

.rightbox:hover .servicesRow{ 
	background-color: #000059;
    /*border-bottom: solid 3px #000180;*/
}

.bottomCont{
	background: #FFF;
	position: relative;
	/*height:290px;*/
	width: 390px;
	display: inline-block;
	color: black;
	box-shadow: 0px 8px 16px 0px rgba(0,1,18,0.6);
}

.bottomContL{
	background: #FFF;
	position: relative;
	/*height:290px;*/
	width: 390px;
	display: inline-block;
	color: black;
	box-shadow: 0px 8px 16px 0px rgba(0,1,18,0.6);
}

.bottomCont2{
    background: #FFF;
	position: relative;
	height: auto;
	display: inline-block;
	color: black;
    margin: 10px 20px 10px 20px;
}

.bottomCont{
	margin: 10px 0px 10px 20px;
}

.bottomCont1{
	margin: 10px 0px 10px 0px;
}

.boxLeft{
	position: relative;
	display: block;
	height: 50%;
	width: 100%;
	margin: 10px;
}

.boxRight{
	position: relative;
	float: right;
	display: block;
	height: 50%;
	width: 100%;
	margin: 10px;
}

.startPHeader{
	color: black;
	font-weight: bold;
	font-size: 12px;
}

.startCont{
	color: dimgray;
	font-size: 10px;
	margin-top: 5px;
}

.hiderTr{
	display: none;
}

.tdWidthFifty{
	width: 50%;
}

/*.mobTable{
	display:inline-block;
    -ms-transform: translateY(15%);
	-moz-transform: translateY(15%);
	-webkit-transform: translateY(15%);
	transform: translateY(15%);
    float: right;
    margin-right: 70px;
    margin-top:25px;
}*/

.mobTable > tbody > tr > td{
	background-color: #000180;
}

.mobTable > tbody > tr > td:hover{
	background-color: #e60677;
}

.loginHeaderTable{
	display: inline-block;
    transform: translateY(15%);
	-ms-transform: translateY(15%);
	-moz-transform: translateY(15%);
	-webkit-transform: translateY(15%);
    float: right;
    margin-right: 50px;
}

#headTable{
	display: inline-block;
    height: 100px;
    background: #ffffff;
    border-spacing: 0;
    border-collapse: collapse;
}

#padRight{
	padding-right: 30%;
}

.rightSecLogo{
	margin-bottom: 2px;
	margin-right: 5px;
	float: right;
}

.topIcon{
	display: none;
}

.myFooter{
	position: relative;
	display: inline-block;
	color: #FFF;
    padding: 5px 0px;
    font-size: 8px;
	background: #000180;
	width: 100%;
}

.footer-det{
	color: #fff;
	margin-left: 8%;
}

.cub-logo{
	width: 200px;
	height: 50px;
}

.top-nav-icon{
	height: 20px;
	width: 22px;
}

/*********end of start page css*****/


/*********start of indexBottomUser page css*****/

#mainContainerIBU{
	position: relative;
	margin: 0px auto;
	background: #fbfbfb;
	z-index: 1000;
	vertical-align: middle;
	background: #f5f3f4;
	width: 1024px;
}


.headerMain{
	position: relative;
	display: block;	
	margin: 0 auto;
}

.subContainer{
	positon: relative;
	display: block;
	/*width: 950px;*/
	pading-top: 50px;
	padding:10px;
}

.blueColor{
	position: relative;
	display: block;
	background: #010080;
	height: 100px;
	width: 100%;
}

.whiteColor{
	position: relative;
	display: block;
	background: #FFF;
	height: 3px;
	width: 100%;
}

.pinkColor{
	position: relative;
	display: block;	
	background: #e60677;
	height: 30px;
	width: 100%;
}

.logoImage{
    position: absolute;
    display: block;
    top: 0px;
    left: 200px;
    z-index: 50;
}

.logoImage img{
	border-radius: 0px 0px 15px 15px;
}

.posUrl{
    position: absolute;
    display: block;
    top: 60px;
    right: 180px;
    color:#FFF;
    z-index: 50;
}

.styleInpField{
	/*background-image:url('../imagesIB/inputIcon.jpg');*/
	height: 26px;
	width: 100%;
	border: 1px solid #cac2c2;
	/*background-repeat: no-repeat;*/
	/*padding-left:33px;*/
	margin-bottom: 10px;
}

.styleInpField1{
	/*background-image:url('../imagesIB/passIcon.jpg');*/
	height: 26px;
	width: 100%;
	border: 1px solid #cac2c2;
	/*background-repeat: no-repeat;*/
	/*padding-left:33px;*/
	margin-bottom: 10px;
}

.loginBox{
	background: #eff0f2;
	position: relative;
	display: inline-block;
	border: 1px solid #c7cdda;
	/*height:192px;*/
	padding: 5px;
	margin: 15px 0px;
}

.loginbox-left{
	/*height:192px;*/
	float: left;
	width: 48%;
	border-right: 1px solid #d6d0d0;	
}

.field-element{
	position: relative;
	display: block;
}

.field-element label,input{
	margin: 6px 5px;
	
}

label{
	width: 50px;
	text-align: right;
	display: inline-block;
	margin-right: 10px;
}

.loginBoxFont{
	margin-left: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #000000;
	line-height: 1px;
}

.loginBoxCbFont{
	margin-left: 10px;
	margin-right: 5px;
	font-size: 12px;
	font-weight: 600;
	color: #4E5053;
	line-height: 1px;
}

.login1
{
    border: #d1d2ea 1px solid;
    width: 25px;
    background: #FFF;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    height: 25px;
    color: #000180;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    padding: 1px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    margin: 2px;
}
.login2
{
	border: 1px solid #9eb2da;
	border-radius: 5px;
	background-color:#ffffff;
    color:transparent;
    /*font-family: Trebuchet MS; */
    font-style: normal; 
    font-weight: bold; 
    height: 25px; 
    text-align: center; 
    verical-align: middle; 
    width: 25px;
    margin: 2px;
}

.delImg{
	background-image: url(../imagesIB/backImage.png);
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    background-size: 16px;
}

.shiftImg{
	background-image: url("../imagesIB/shiftImage.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
}

.virtualKeyPos{
    padding: 10px;
    top: 370px;
    position: absolute;
    background: #fff;
    z-index: 100;
    width: 50%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
}

/*.virtInputBtn{
	width:40px;
	background-color:#fff !important;
	background-image:url('../imagesIB/virtualkeyboard.png') !important;
	background-repeat: no-repeat !important;
	background-position: 6px !important;
	margin-left: 25px;
	cursor:default !important;
}*/

.virtBtnPos{
	position: relative;
	top: 3px;
	/*margin:0px 30px;*/
	/*-ms-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	transform:translateY(-5px);*/
}

#drop-img-menu{
	transition: all .36s ease;
}


#pass-img{
	animation: menuDrop 300ms 1 ease-in-out;
    animation-fill-mode: backwards;
}

@-webkit-keyframes menuDrop {
    0%{
	 -ms-transform: translateY(-50px);
	 -moz-transform: translateY(-50px);
	 -webkit-transform: translateY(-50px);
	 transform: translateY(-50px);
	 width: 0% !important;
	}
	25%{
		-ms-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
	50%{
		-ms-transform: translateY(-30px);
		-moz-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	75%{
		-ms-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100%{
	 transform:translateY(0px);
	}
}

.rightMargin{
	margin-right: 30px;
    display: inline;
}

.rightMargin1{
    margin-right: 13px;
    display: inline;
}

.marginBottom{
	display: block;
	margin-bottom: 20px;
}
.verisignBox{
	padding: 5px;
	display: inline-block;
}

.footerIndex {
    position: absolute;
	bottom: 0;
	left: 0;
    padding: 15px 0px;
    background: rgb(184,182,183);
    color: #000000;
    width: 100%;
    font-size:9px;
}

.footer-index-expand{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 15px 0px;
    background: rgb(184,182,183);
    color: #000000;
    width: 100%;
    font-size: 9px;
	margin-top: 20px;
}

.footer-index-expand1{
		position: relative;		
		padding: 15px 0px;
		background: rgb(184,182,183);
		color: #000000;
		width: 100%;
		font-size: 9px;
		margin-top: 20px;
}

.footerIndex a{
	color: #000000;
	font-weight: bold;
}

.boxUnderline{
	height: 1px;
	/*width:86.5%;*/
	clear: left;
	position: relative;
	display: block;
}

.width-40{
	position: relative;
	display: inline-block;
	width: 40%;
}

.width-60{
	position: relative;
	display: inline-block;
	width: 40%;	
}

.myHeader{
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	display: block;
	position: relative;
}

.CautBox{
	margin-top: 10px;
	/*margin-top: 20px;*/
	/*margin-left:24px;*/
}

.CautHeading{
	color: #37383C;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 9px;
}

.cautionCus{
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 12px;
	opacity: .6;"	
}

.cautionCusPara{
	display: inline-block;
	color: dimgrey;
	font-size: 10px;
	text-align: justify;
}

.cautionCusPara p{
	margin-bottom: 7px;
	line-height: 1.5;
}

.cautionCusPara span{
	margin-bottom: 0px;
}

.alignPara{
	color: #323232;
	font-size: 12px;
	padding-top: 10px;
	margin-bottom: 20px;
}

.paymentContainer{
	width: 400px;
}

.headingInd{
	/*-ms-transform: translateX(63px);
	-moz-transform: translateX(63px);
	-webkit-transform: translateX(63px);*/
	/*transform: translateX(63px);*/
	/*float:left;*/
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	position: relative;
	/*padding-top:5px;*/
	color: #030c86;
}

.vertical-line{
	display: block;
	background: #d3d7de;
	width: 2px;
	height: 180px;
}

.indexImageBox{
	height: 100%;
	width: 100%;
}

.forgotFonts{
	/*color:#EC0677;*/
	color: #000180;
	font-size: 12px;
}

.header-img{
	height: 40px;
	width: 40px;
}

.header-img-mob{
	height: 40px;
	width: 25px;
}

#plusbtn{
	display: inline-block;
	color: #fff;
	background: #000180;
	font-size: 14px;
	font-weight: bolder;
	padding: 2px;
	text-align: center;
	border: 2px solid #000180;
	border-radius: 5px;
	cursor: pointer;
}

#plusbtn:hover{
	color: #000180;
	background: #fff;	
}
/*********end of indexBottomUser page css*******/

/**********welcome page*****************/

#mainContainerWel{
	position: relative;
	margin: 0px auto;
	background: #fbfbfb;
	z-index: 1000;
	width: 1080px;
	vertical-align: middle;
}

.headerRowWel{
    position: relative;
	width: 100%;
    height: 30px;
    background-color: #41439c;
}

.headerSubWel{
    -ms-transform: translateY(70%);
	-moz-transform: translateY(70%);
	-webkit-transform: translateY(70%);
	transform: translateY(70%);
    float: right;
	margin-right: 45px;
}

.headerWel{
	background: #ffffff;
	position: relative;
	display: block;
	top: 0px;
	height: 100px;
	left: 0px;
	width: 100%;
	/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);*/
	z-index: 100;
}

.userDetails{
	display: block;
	vertical-align: middle;
	text-align: right;
	position: relative;
	padding: 20px;
	-ms-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
}

.userDetails p{
	margin: 6px 0;
}

.myhead-nav{
	margin-bottom: 5px;
}

.myhead-nav li{
	display: inline;
	margin: 0 10px 0 10px;
}

.navbar-inverse {
    background-color: #2e3192 !important;
    border-color: #2e3192 !important;
}

.navbar{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.navbar-inverse .navbar-nav>li>a{
   color: #fff !important;
   margin: 0 0px;
   padding-bottom: 5px !important;

}

.navbar-nav>li>a:hover {
  /*  margin-top: 6px;
    margin-bottom: 9px;*/
	border-bottom-color: white;
    border-bottom: 2px solid white;
}

.navbar-inverse .navbar-toggle{
	border-color: transparent !important; 
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background-color: transparent !important; 
}

.glyphicon{
	color: #fff ;
}

.navbar-nav {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.panel-group{
	background-color: #9ca0ed;
	padding: 5px;
}

.panel-default {
    border-color: #9ca0ed !important;
}

.panel-default>.panel-heading {
    color: #000180 !important;
    background-color: #9ca0ed !important;
    border-color: #9ca0ed !important;
}

.panel-body{
	background-color: #4c4ea2;
	color: #fff;
}

.panel-body>ul>li>a{
	color: #fff;
	margin-left: 20px;
	font-size: 12px;
}

.panel-title {
    font-size: 14px !important;
}

.glyphicon-plus{
	margin-right: 5px;
	font-size: 11px;
	color: #000180;
}


/***side nav****/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
   /* padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s*/
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/***************/

#openSidenav{
	display: none;
}

.panel-group1{
	margin-bottom: 20px;
	background-color: #9ca0ed;
    padding: 5px;
}

.footer-mainpage{
	position: relative;
	display: block;
	background-color: #fbfbfb;
	height:50px;
}
.footer-sec1{
	transform: translateY(-35px);
	text-align: left;
	margin-left: 20px;
}

.footer-sec2{
	transform: translateY(-40px);
	text-align: right;
	margin-right: 25px;
}

#myCanvas{
	width: 100%;
	height: 50px;
}

.footer-sec1 .foot-val{
	color: #000180;
	font-weight: bold;
}

.footer-sec1>span{
	color: #2e3192;
}

.footer-sec2>p{
	color: #fff;
}

.wel-img{
	height: 25px;
	width: 25px;
	margin-right: 5px;
}

.wel-header,.wel-subheader{
	margin: 15px 0;
}

.wel-subheader a{
	margin: 10px;
	color: #e60677;
	font-size: 14px;
}

.wel-beneficiary{
	background-color: #fff;
}

.wel-beneficiary thead{
	background-color: #2e3192;
	color: #fff;
}

.wel-radiosel{
	margin-right: 10px !important;
}

.wel-radiosel:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: 0px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #e60677;
}

.wel-radiosel:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: 0px;
    left: -1px;
    position: relative;
    background-color: #e60677;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #e60677;
}

.wel-status{
	height: 20px;
	width: 20px;
}

.panel-body>ul>li{
	margin: 5px 0;
}
/***************************************/



/***grid***/
.grid-row {
	margin-right: -15px;
	margin-left: -15px;
	clear: both;
	padding: 0px;
	margin: 0px;
	display: block;
}

.col {
	display: block;
	float: left;
	margin: 0;
}

.col :first-child { margin-left: 0; }
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}
/******/

.botuserHeading{
	padding: 12px 0;
	color: #fff; 
	text-transform: uppercase;
	background-color: #000180;
	font-size: 14px;
}

.cubmobile{
	margin: 0px 5px; 
	width: 150px; 
	height: 30px; 
	padding-left: 10px;
	transform: translateY(6px);
}


.errmsg{
	/*font-family: verdana,sans-serif;*/
	font-size: 13px;
	font-weight: bold;
	color: red;
	margin: 10px 0px;
	transform: translateY(7px);
}

#secHov:hover #dropCont{
	display: block;
	position: absolute;
}

.mobLoginAndNav{
	position: relative;
	float: right;
}

.mobLoginAndNav a{
	 margin-right: 20px;
	 margin-top: 10px;
}

.mobLoginAndNav .myBtn{
    display: inline-block;
    width: 80px;
    border-radius: 5px;
}

.mobLoginAndNav img{
	position: relative;
	top: 12px;
}

.mobSideNav{
	position: absolute;
	display: block;
	width: 100%;
	left: 0px;
	top: 55px;
	z-index: 1001;
	background-color: rgba(0,1,128,.7);
	color: #fff
}

.sidenavul > li{
	padding: 15px 0px;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.sidenavul li p{
	margin-left: 15px;
	margin-bottom: 5px;
	font-size: 13px;
	cursor: pointer;
}

/*.sidenavulsub{
	display: none;
}*/
/*#menu1,#menu2,#menu3,#menu4,#menu5,#menu6{
	display: none;
}*/
.sidenavulsub{
	display: none;
}

.sidenavul li:hover .sidenavulsub{
	display: block;
	width: 100%;
	background-color: rgb(0,1,128)
}

.sidenavulsub li a{
	 color: #fff;
	 margin-left: 20px;
	 font-size: 11px;
	 display: block;
	 padding: 5px;
}

.sidenavulsub li{
	padding: 5px 0px;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,.2);
   /* margin-top: 10px;*/
   
}

.sidenavulsub li:hover{
	background-color: #6568ce;
	width: 100%;
}

.sidenavBottomC{
	padding: 10px;
	font-size: 11px;
	text-align: right;
}

.sidenavBottomC a{
	color: #fff;
}

/*.moblihover{
	padding: 10px 0px;
	text-align: left;
    text-transform: uppercase;
    margin-top: 10px;
    color:#fff;
}
.moblihover:hover{
	background-color: #e60677;
	width:100%;
}*/

#newalertbox{
	position: fixed;
	background-color: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	z-index: 1003;
	display: block;
}

.myModal{
	position: fixed;
	background-color: #fff;
	width: 93%;
	max-width: 650px;
	height: 300px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1004;
	border: 4px solid rgb(58, 144, 161);
	/*box-shadow: 1px 1px 1px solid #fff;*/
	box-shadow: 0px 0px 20px #fff;
	border-radius: 5px;
	padding: 0 40px;
}

.modalHeader{
	width: 100%;
	height: 60px;
	/*border-bottom:1px solid #e60677;*/
	/*background-color: #000180;*/
	/*background-color: rgb(58, 144, 161);*/
}

.modalFooter{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 20px;
	/*background-color: #e60677;*/
	/*background-color: rgb(58, 144, 161);*/
}

.closeModal{
	position: relative;
	font-size: 13px;
	top: -15px;
	margin-right: 15px;
	color: #fff;
	padding: 5px;
	cursor: pointer;
	float: right;
	background-color: #e60667;
	border-radius: 5px; 
	right: -66px;
}

.modalBody p{
	position: relative;
	padding-top:20px;
	font-size:14px;
	text-align: justify;
	color: dimgrey;
	line-height: 18px;
}

.indexImageBox{
	height: 100%;
	width: 100%;
	max-height: 200px;
}

.expand-div{
	box-shadow: 0px 8px 16px 0px rgba(0,1,18,0.6);
	margin: 20px 30px 10px 30px;
}

.expand-main{
	background-color: #000180;
	position: relative;
	cursor: pointer;
}

.expand-main:hover{
	background-color: #000059;
}

.expand-main h1{
	display: inline-block;
	margin: 10px;
}

.expand-main img{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
	
.expand-sub{
	background-color: #fff;
	height: 170px;
	overflow: auto;	
}

#whatsnewpop li{
	padding: 15px 0 0 10px;
}

#whatsnewpop li:last-child{
	padding-bottom: 15px;
}

#whatsnewpop a:hover{
	color: #999;
}

.main-footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #e60677;
	padding: 3px 0;
	z-index :-1;
}

.main-footer-expand{
	position: relative;
	background-color: #e60677;
	padding: 5px 0;
}

.main-footer a{
	color: #fff;
	margin: 5px 0px;
}

.main-footer-expand a{
	color: #fff;
	margin: 5px 5px;
}

.nortonSec{
	position: absolute;
	bottom: 40px;
	right: 10px;
	z-index: -1;
	width: 100%;
}

.nortonSec-expand{
	position: relative;
	margin: 10px;
}

.disclaimer-click{
	cursor: pointer;
}

.disclaimer-click:hover{
	background-color: #999;
}

.half{
	width: 48%;
	display: inline-table;
}

.col-2-3{
	width: 66.66%;
	display: inline-block;
}

.col-1-3{
	width: 33.33%;
	display: inline-block;
}

.abttstonline{
	display: block;
	font-size: 7px;
	/*font-family: openSans;*/
	/*font-family: verdana,sans-serif;*/
	color: dimgrey;
}

.mobileScreen{
	position: relative;
	background-image: url('../imagesIB/backpattern.jpg');
	background-size: cover;
	width: 100%;
	height: 75%;
	/*background: #cc0775;
	background: -moz-radial-gradient(center, ellipse cover, #cc0775 0%, #00016b 83%, #00016b 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #cc0775 0%,#00016b 83%,#00016b 100%);
	background: radial-gradient(ellipse at center, #cc0775 0%,#00016b 83%,#00016b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0775', endColorstr='#00016b',GradientType=1 );*/
}
.mobloginbox{
	background-color: #fff;
	position: absolute;
	top: 50%;
	/*height:210px;*/
	height: 250px;
	width: 260px;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: #FFF;
	border-radius: 5px;
	box-shadow: 0px 8px 16px 0px rgba(0,1,18,0.6);
	z-index: 10;
}

#mobloginHeading{
	font-size: 16px;
    margin: 20px 0;
    background-color: #fff;
    padding: 10px 0px;
    font-weight: bold;
    /*border-radius:5px;*/
    color: #000180;
    border-top: 1px solid rgb(0, 1, 128);
	border-bottom: 1px solid rgb(0, 1, 128);
}

.mobmyBtn{
	background: #e60677;
	display: block;
	position: relative;
	width: 170px;
	height: 30px;
	line-height: 30px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #e60677;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
    border-radius: 25px;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    margin-top: 30px;
}

.mobmyBtn:hover, .mobmyBtn:active {
	background: #000180;
	border: 1px solid #000180;
 	text-decoration: none;
 	color: #fff;
}

.browsersContainer{
	display: block;
	position: relative;
}

.browserImg {
	height: 63px;
	width: 60px;
	margin: 0 20px;
	vertical-align: middle;
}

.helpjsp > b{
	font-size: 14px;
	font-weight: bold;
	color: #000180;
	/*font-family: verdana,sans-serif;*/
}

.helpjsp{
	font-size:13px;
	color: dimgrey;
	/*font-family: verdana,sans-serif;*/
	line-height: 15px;
	text-align: justify;
	padding: 10px;
	margin: 10px 0px;
}

.helpBlue{
	color: #6261e8;
}

.logofful > li{
	margin: 10px 0px;
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 13px;
	color: dimgrey;
}

/*.logoffbox{
	height: 210px;
	width: 250px;
	overflow: auto;
	background-color: #fff;
	float: left;
	margin-left:20px;
	box-shadow: 1px 7px 20px 0px rgba(0, 0, 0, 0.31);
	padding: 20px;
}*/

.logoffbox {
	position: relative;
    height: 210px;
    width: 250px;
    overflow: auto;
    background-color: #fff;
    float: left;
    margin-left: 20px;
    box-shadow: 1px 7px 20px 0px rgba(0, 0, 0, 0.31);
    padding: 20px;
    border: 2px solid #cac7e4;
    border-radius: 5px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
}
	
.discul{
	margin-top: 5px;
	margin-left: 10px;
}

.discul > li{
	margin: 8px 0px;
	list-style-type: disc; 
	text-align: left;
	list-style-position: inside;
	font-size: 13px;
	color: dimgrey;
}

.logoffp{
	font-size: 13px;
	color: dimgrey;
	margin-top: 20px;
	text-align: left;
}

.logoffHeading{
	color: #000180;
	margin: 10px 0;
	font-size: 15px;
	font-weight: bold;
}

#DynMainContainer{
	position: relative;
	margin: 0px auto;
	z-index: 1000;
	vertical-align: middle;
}

/**************************************************/
/*************media query for tablet***************/
/**************************************************/
@media only screen and (max-width: 1024px) {
	.expand-div {
	   	  margin: 20px 10px 10px 10px;
		}
}
@media only screen and (max-width: 1024px) {
/*********start of start page css*****/
	#mainContainerIBU{
		/*height:100% !important;*/
		width: 98% !important;	
		/*margin:0px 10px;*/
	}
	.half{
		width: 48%;
		display: inline-table;
	}
	.menu_item{
		width: 100px;
	}
}

@media only screen and (max-width: 960px) {
	
	/*********start of start page css*****/
	
	#mainContainer{
		/*height:100% !important;*/
		width: 100% !important;	
	}
	
	#DynMainContainer{
	width: 100% !important;
	}
	
	.headerRight{
		left: 40%;
	}
		
	.LoginBoxRight{
		top: 125px;
		right: 10%;
	}
		
	.carousal-indicator{
		left: 60%;
	}
		
	#padRight{
		padding-right: 0%;
	}
		
	.leftBox{
		display: block;
		width: 100%;
		height: 100%;
		/*overflow-y:auto;
		white-space:nowrap;*/
	}
	
	.rightBox{
		display: block;
		width: 100%;
		height: 100%;
		/*overflow-y:auto;
		white-space:nowrap;*/
	}
	
	.carousel{
		/*height:auto;*/
		width: 100%;
	}
	
	.caro{
		/*height:470px;*/
		width: 100% !important;
	
	}
		
	
		
	/*********end of start page css*****/
	/*********start of indexBottomUser page css*****/
	
	.logoImage{
	    left: 10%;
	}
		
	.posUrl {
	    right: 5%;
	}
		
	.subContainer{
		width: 95%;
		height: auto;
	}
		
	/*img#indexBUserImg{
		width:140%;
		height:100%;
	}*/
		
	.footerIndex {
	    width: 100%;
	    left: 0px;
	}

	/*.loginBox {
   		height:auto;
   		width:100%;
   		margin:0px auto;
	}*/
	.indexImageBox{
		width: 100%;
		height: auto;
	}
/*********end of indexBottomUser page css*******/

	.servicesList{
		/*height:100%;*/
		width: 230px;
	}
		
	.bottomCont,.bottomContL{
		width: 280px;
	}
	
}
/***************end of tablet media query************/

@media (max-width:959px) and (min-width:601px) {
	.carousel {
	    height: auto;
	    width: 100% !important;
	}
}
/**************************************************/
/*************media query for Mobile***************/
/**************************************************/


@media only screen and (max-width: 801px) {
	/*********start of start page css*****/
	/*@-webkit-keyframes dropAnimation {
	    0%{
		-ms-transform:translateX(10px);
		-moz-transform:translateX(10px);
		-webkit-transform:translateX(10px);
		transform:translateX(10px);
		 width:0% !important;
		}
		50%{
		-ms-transform:translateX(-80px);
		-moz-transform:translateX(-80px);
		-webkit-transform:translateX(-80px);
		transform:translateX(-80px);
		}
		100%{
		-ms-transform:translateX(-60px);
		-moz-transform:translateX(-60px);
		-webkit-transform:translateX(-60px);
		transform:translateX(-60px);
		}
	}	
	*/
	.bottomCont{
		margin-left: 0px;
	}
	
	.headerRight{
		left: 10%;
	}
		
	/*.LoginBoxRight{
		top:160px;
		left:20%;
	}*/
	
	.LoginBoxRight{
		top: 30px;
		left: 50%;
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.carousal-indicator{
		left: 50%;
	}
	
	/*.topIcon{
		position:absolute;
		display:inline;
		top:13px;
		right:10%;
	}*/
	/*.headerCenter{
		height:60px;
	}*/
	#headTable{
		height: auto;
	}
	
	/*#cubLogo{
		width:100%;
		display:block;
	}*/
	
	/*.mobTable, */
	 .loginHeaderTable{
		position: relative;
		background-color: #ffffff;
		margin-top: 11px;
		/*padding: 10px 0;*/
		display: none;
		width: 100%;
		-ms-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		margin-right: inherit;
	}
	
	
	
	#padRight{
		padding-right: 20px;
	}
	
	.tdWidthFifty{
		width: 100%;
		display: block;
	}
	
	.carousel{
		height: auto;
		width: 100% !important;
	}
	
	.myBtnRev{
		width: 70px;
	}
	
	.servicesList{
		width: 250px;
	}
	
	/*********end of start page css*****/
	/*********start of indexBottomUser page css*****/
	.posUrl {
	    right: 0%;
	}
	
	.width-40{
		width: 80%;
		display: block;
	}
	
	.width-60{
		width: 100%;
		display: block;
	}
	
	.loginBox {
	   /*left: 0%;*/
	}
	
	/*img#indexBUserImg{
		width:100%;
		height:100%;
	}*/
	
	.footerIndex {
	    width: 100%;
	    left: 0px;
	}
	.footer-index-expand{
	/*	position: relative;*/
		padding: 15px 0px;
		background: rgb(184,182,183);
		color: #000000;
		width: 100%;
		font-size:9px;
		margin-top: 20px;
	}
	/*.hideUnderLine{
		display:none;
	}*/
	.header-img{
		height: 30px;
		width: 30px;
	}
	.header-img-mob{
		height: 30;
		width: 20;
	}
	/*********end of indexBottomUser page css*******/
	#wel-sidecontainer{
		display: none;
	}
	
	#wel-rightcontainer{
		width: 100%;
	}
	
	#openSidenav{
		display: block;
		color: #fff;
	}	

	.smallfont{
		font-size: 10px;
	}
	
	.cub-logo{
		width: 162px;
		height: 42px;
	}
	
	.headerRow{
		height: 45px;
	}
	
	/*.carousel{
		top: -2px;
	}*/
	
	/*#uid,#pwd{
		width: 280px !important;
	}*/
	
	.alignCentText1{
		position: relative;
		font-size: 9px;
		top: -2px;
	}
	
	.myBtnRev{
		width: 50px;
	}
	
	.botuserHeading{
		font-size: 12px;
	}
	
	.headingInd{
		font-size: 12px;
		margin-top: 20px;
	}
	
	.myBtn1{
		padding: 6px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	#drop-img-menu{
		height: 12px;
		width: 10px;
	}
	
	.styleInpField,.styleInpField1{
		font-size: 11px;
		margin-top: 8px;
		margin-bottom: 10px;
	}
	
	.headerRightanc{
		font-size: 11px;
	}
	
	#whatsnew h1{
		font-size: 11px;
	}
	
	#safe h1{
		font-size: 11px;
	}
	.footer-index-expand,.footerIndex{
		padding: 8px 0;
	}
	
	.welcmmsg{
		font-size: 11px;
		margin-bottom: 5px;
		width: 40% !important;
		text-align: justify;
	}
	
	.checkboxmsg{
		font-size: 11px;
		width: 40% !important;
		text-align: left;
	}
	
	.best-viewed{
		display: none;
	}
	
	.logoffbox{
		margin-left: 10px !important;
	}
	.myModal{
		width: 60%;
		min-height: 30%;
		height: auto;	
	}
	.modalBody{
		height:200px;
		overflow-y: auto;
	}
	#showmore{
		display: block;
		color: #000180;
		padding: 5px 0;
		text-align: justify;
		margin-bottom:5px;
	}
}

@media only screen and (max-width: 778px){
	.half{
		width: 70%;
	}
	/*.myFooter1{
		display:none;
	}*/
}


@media only screen and (max-width: 700px) {
/*********start of indexBottomUser page css*****/
	/*.nortonSec{
		display:none;
	}*/
	#myImageBox{
		display: block;
		width: 80%;
	}
		
	#myLoginBox	{
		display: block;
		width: inherit;
		margin: 20px 0px;
		vertical-align: middle;
	}
	
	#myCautionBox{
		display: block;
		width: 100%;
	}
	
	#myVerisignBox{
		display: block;
		width: 90%;
	}
	
	
	#myVerticalLine	{
		display: none;
	}
	
	/*#indexBUserImg{
		width:400px !important;
	}*/
	
	.styleInpField,.styleInpField1{
		/*width:150px !important;*/
	}
	
	.CautBox{
	margin-left: 0px;
	}
	
	.indexImageBox{
	height: auto;
	width: 100%;
	}
	
/*********end of indexBottomUser page css*******/
	.logo-container .cub-logo{
		height: 40px;
		width: 90px;
	}
	
	.userDetails p {
    margin: 0px 0;
	}
	
	.headerWel{
		height: 55px;
	}
	
	.userDetails {
		-ms-transform: translateX(-0px);
		-moz-transform: translateX(-0px);
		-webkit-transform: translateX(-0px);
		transform: translateX(-0px);
	}
	/*.cub-logo{
		width:150px;
		height:50px;
	}*/
	
}

/*@media only screen and (max-height: 600px){
	/*.myFooter1{
		display:none;
	}*/
}*/

@media only screen and (max-width: 500px){
	.footer-right .fontSmall{
		font-size: 10px;
    }
	
	.half{
		width: 90%;
	}
	.welcmmsg,.checkboxmsg{
		width: 50% !important;
	}
}

@media only screen and (max-width: 400px) {
	/*********start of start page css*****/
	/*@-webkit-keyframes dropAnimation {
	    0%{
		 -ms-transform:translateX(10px);
		 -moz-transform:translateX(10px);
		 -webkit-transform:translateX(10px);
		 transform:translateX(10px);
		 width:0% !important;
		}
		50%{
		-ms-transform:translateX(-100px);
		-moz-transform:translateX(-100px);
		-webkit-transform:translateX(-100px);
		transform:translateX(-100px);
		}
		100%{
		 -ms-transform:translateX(-70px);
		 -moz-transform:translateX(-70px);
		 -webkit-transform:translateX(-70px);
		 transform:translateX(-70px);
		}
	}
	*/			
	.headerRight{
		left: 0px;
	}
	
	/*.LoginBoxRight{
		left:5%;
		width:90%;
		top:160px;
	}*/
	
	/*.carousel{
		height:auto;
		width:100% !important;
	}
	*/
		
	/*.fontSmall{
		font-size: .7em;
	}*/
	
	.fontNorm{
		font-size: 1.1em ;
	}
	
	.fontLarge{
		font-size: 1.4em ;
	}
	/*#alignCentText{
	    position: relative;
	    display: block;
	    margin-top: 4px;
	}*/
	
	/*#alignCentText1{
		padding: 4px;
	    position: relative;
	    top: -3px;
	}*/
	
	.myFooter{
		width:96%;
	}
	
	/*.footer-det{
		font-size:.7em;
		margin-left:0%;
	}*/
	
	.smallfont{
	font-size: 10px;
	}
	
	.headerRightanc {
	    font-size: 10px;
	}
	
	/*.leftBox,
	.rightBox{
		position:relative;
		left:-67px;
	}*/
	
	/*********end of start page css*****/
	/*********start of indexBottomUser page css*****/
	
	/*********end of indexBottomUser page css*******/
	.paymentContainer{
		width: 320px;
	}
	.styleInpField,.styleInpField1{
		width: 260px !important;
	}
	/*.cub-logo{
		width:150px !important;
		height:50px;
	}*/
	/*.menu_item1{
		width:50px;
	}*/
}

/***************end of Mobile media query**********/

@media only screen and (max-width: 350px){
	.fooFont{
		font-size: 8.4px !important;
    }
    .welcmmsg,.checkboxmsg{
		width: 60% !important;
	}
	.styleInpField,.styleInpField1{
		width: 240px !important;
	}
}



/*Textbox as Password Box*/
/*input[type="text"].logpass {-webkit-text-security:disc;}
input[type="text"].logpass:hover{-webkit-text-security:disc;}
input[type="text"].logpass:focus{-webkit-text-security:disc;}
input[type="text"].logpass:active{-webkit-text-security:disc;}*/




/*Registration Module Styles starts here*/
.cub_container{
	width:100%;
	padding-left:15px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto;
}
@media only screen and (min-width:768px){
	.cub_container{
		width:750px;
	}
}
@media only screen and (min-width:992px){
	.cub_container{
		width:960px;
	}
}
.dummmyheader{
	width:100%;
	height:130px;
	background-color:#181096;
}
.regbodycontainer{
	width:100%;
	background-image:url('../imagesIB/registrationBG/regBg@3x.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding-top:25px;
	overflow-y:auto;
}

.otpVerifyBlock h2{
	color:#323232;
	font-size:26px;
	margin-top:0px;
	margin-bottom:20px;
}
.otpVerifyBlock h5,.otpVerifyBlock p{
	opacity:0.5;
	font-size:14px;
	color:#323232;
	margin-bottom:0px;
}
.otpVerifyBlock p{
	opacity:1;
	font-size:12px;
	margin-bottom:30px;
}
.otpVerifyBlock span{
	opacity:1!important;
	font-size:14px;
	color:#323232;
	margin-bottom:0px;
}
.otpVerifyBlock a{
	color:#d8127d;
	font-size:14px;	
	text-decoration:none;
	display:block;
	margin-bottom:30px;
}
.otpVerifyBlock a:hover,.otpVerifyBlock a:focus{
	text-decoration:none;
	color:#d8127d;
}
.regButtons{
	color:#fff;
	font-size:14px;
	padding:7px 15px;
	width:150px;
	border:2px solid #d8127d;
	background-color:#d8127d;
	border-radius:5px;
	margin-bottom:20px;
}


/*success msg styles*/
.successtaleHeader img{
	width:40px;
	height:40px;
}
.successtaleHeader tr td{
	border:0px;
	vertical-align:middle;
	color:#00963a;
	font-size:26px;
	margin-bottom:25px;
	margin-top:0px;
	padding-right:10px;
}
.successtaleHeader{
	margin-bottom:25px;
}
.successMsg h3{
	color:#00963a;
	font-size:26px;
	margin-bottom:25px;
	margin-top:0px;
}
.successMsg h3 img{
	width:40px;
	height:40px;
}
.successMsg p{
	font-size:14px;
	color:#323232;
	margin-bottom:30px;
}
/*atmCard verification styles*/
.cardVerify h2{
	color:#323232;
	font-size:26px;
	margin-top:0px;
	margin-bottom:20px;
}
.newInputFormGrp{
	position:relative;
	margin-bottom:15px;
}
.newInputFormGrp label{
	font-size: 14px;
    color: #323232;
    font-weight: normal;
    display: block;
    margin-bottom: 5px;
    width: unset;
    text-align: left;
    margin-right: 0px;
}
.newInputFormGrp .hint{
	font-size:12px;
	color:#323232;
	font-weight:normal;
	display:block;
	opacity:0.5;
	margin-top:5px;
}
.newInputFormGrp input{
	width:250px;
	font-size:14px;
	color:#323232;
	padding:10px;
	height:35px;
	margin:0px!important;
	background-color:#fff;
	border:1px solid #d1d6dd;
	font-weight:normal;
	border-radius:4px;
	outline:0px;
}
.cardExpDate{
	padding:5px 10px!important;
	text-align:center;
}
.checkMarkDiv{
	position:relative;
}
.checkMarkDiv .tickMark{
	display:none;
	position: absolute;
    width: 14px;
    height: 9px;
    border: 2px solid #00097d;
    border-width: 0 0 2px 2px;
    top: 42%;
    left: 225px;
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
}
.inputGrids input{
	border: 1px solid #d1d6dd;
    color: #4a4a4a;
    padding: 8px 15px;
    /* height: 30px; */
    width: 45px;
    margin-right: 20px!important;
	border-radius:4px;
	outline:0px;
	text-align:center;
}
.inputGrids input:focus{
	border:1px solid #00097d;
}
#otp_Input label{
	margin-bottom:0px!important;
	opacity:0.5!important;
	
	
}
#otp_Input span{
	font-size:14px;
	color:#323232;
	font-weight:normal;
	display:block;
	margin-bottom:5px;
}
.newRegistration h2,.passwordCreation h2,.internetBankingReg h2{
	color:#323232;
	font-size:26px;
	margin-top:0px;
	margin-bottom:20px;
}



/*internet Banking Registration*/
.notesForm{
	padding:15px;
	background-color:#00097d10;
	border-radius:4px;
	color:#00097d;
	font-size:12px;
	margin-top:50px;
	width:400px;
}
.notesForm ul{
	margin-left:15px;
}
.notesForm ul li{
	font-size:12px;
	list-style-type:disc;
	margin-bottom:10px;
}
.atmcardCheck{
	position:relative;
	border-radius:6px;
	border:2px solid #d1d6dd;
	width:400px;
	padding:17px 15px 17px 60px;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom:20px;
  text-align:left;
  font-weight:normal;
  cursor:pointer;
}
.row{
	margin:0px!important;
}
.atmcardCheck input{
	width:0;
	height:0;
	display:block;
	position:absolute;
	opacity:0;
}
.atmcardCheck .atmcardCheckMark{
	width: 20px;
    height: 20px;
    border: 2px solid #d1d6dd;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    position: absolute;
    display: block;
}
.atmcardCheck .atmcardCheckMark::before{
	display:none;
	position:absolute;
	content:'';
}
.atmcardCheck input:checked +.atmcardCheckMark{
	background-color:#e60677;
	border:0px solid transparent;
}
.atmcardCheck input:checked +.atmcardCheckMark::before{
	display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    top: 50%;
    left: 50%;
}
.atmcardCheck h4{
	font-size:14px;
	font-weight:600;
	color:#323232;
	margin-top:0px;
	margin-bottom:2px;
}
.atmcardCheck h5{
	font-size:14px;
	color:#6f7886;
	margin-top:0px;
	margin-bottom:0px;
} 
.eyeImage{
	position:absolute;
	top:50%;
	left:220px;
	cursor:pointer;
	width:15px;
	transform:translateY(-50%);
}
.checkMarkDiv input::placeholder{
	font-family:inherit!important;
}
.pwdTable tr td{
	padding:0 25px 0 0;
}
.pwdValidation{
	position: relative;
    padding-left: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    font-weight: normal;
    display: block;
    font-size: 10px;
    color: #606060;
    cursor: pointer;
    width: unset;
    text-align: left;
    margin-right: 0px;
}
.pwdValidation input{
	display:block;
	position:absolute;
	width:0;
	height:0;
	opacity:0;
}
.pwdValidation .validtxt{
	display:block;
}
.pwdValidation .greentick{
	width:12px;
	height:12px;
	border:1px solid #979797;
	background-color:#ffffff;
	position:absolute;
	left:2px;
	opacity:0.5;
	top:1px;
	border-radius:50%;
}
.greentick::before{
	content:'';
	position:absolute;
	display:none;
}
.pwdValidation input:checked + .greentick{
	background-color:#ceedad;
	opacity:1;
	border:0px solid transparent;
}
.pwdValidation input:checked + .pwdValidation .validtxt{
	color:#00963a;
}
.pwdValidation input:checked +.greentick::before{
	display:block;
	width:6px;
	height:4px;
	border:1px solid #00963a;
	border-width:0 0 1px 1px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	top:3px;
	left:3px;
}

.newSelectField{
	position:relative;
	margin-bottom:15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer;
}
.newSelectField .selectBox{
	cursor:pointer;
}
.open input{
	border-radius:5px 5px 0 0!important;
	border:1px solid #00097d!important;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
	box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
	border-bottom:1px solid #00097d30!important;
}
.inputImggrp input{
	width:250px;
	background-color:#fff;
	border:1px solid #d1d6dd;
	height:35px;
	padding:10px;
	outline:0px;
	font-size:14px;
	/*font-family:OpenSans-Regular;*/
	color:#323232;
	text-align:left;
	border-radius:4px;
	cursor:pointer;
	margin:0px!important;
    font-weight: normal;
}
.newSelectField label{
	font-size:14px;
	color:#323232;
	position:unset;
	pointer-events:none;
	transition:0.2s all;
	font-weight:normal;
    display: block;
    margin-bottom: 3px;
    width: unset;
    text-align: left;
    margin-right: 0px;
}
.inputImggrp{
	position:relative;
	width:250px;
}
.inputImggrp.open{
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.open img{
	transform:translateY(-50%) rotate(180deg);
	-webkit-transform:translateY(-50%) rotate(180deg);
}
.inputImggrp .dropdown-menu{
	width:250px;
	margin:0px;
	border:1px solid #00097d;
	border-top:0px solid transparent;
	padding:0px;
	max-height:150px!important;
	overflow-y:auto;
	border-radius:0px 0px 5px 5px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.inputImggrp .dropdown-menu>li{
	padding:10px 15px;
	text-align:left;
	font-size:14px;
	cursor:pointer;
	/*font-family:OpenSans-Regular;*/
	color:#4a4a4a;
}
.inputImggrp .dropdown-menu>li:hover{
	background-color:#00097d20;
}
.inputSelectField button:hover,.inputSelectField button:focus{
	background-color:#fff!important;
	color:#323232!important;
	outline:0px solid!important;
	box-shadow:unset!important;
}
.selectarrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	left:230px;
	transition:0.2s all;
	-webkit-transition:0.2s all;
}
/*.arrowup{
	transform:translateY(-50%) rotate(180deg);
	-webkit-transform:translateY(-50%) rotate(180deg);
}*/
.inputImggrp .dropdown-menu::-webkit-scrollbar {
  width: 6px;
  cursor:grabbing;
}

/* Track */
.inputImggrp .dropdown-menu::-webkit-scrollbar-track {
 /* box-shadow: inset 0 0 5px grey; */
  border-radius: 10px;
  cursor:grabbing;
}
 
/* Handle */
.inputImggrp .dropdown-menu::-webkit-scrollbar-thumb {
  background:#00097d; 
  border-radius: 4px;
  cursor:grabbing;
}

/* Handle on hover */
.inputImggrp .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #d20543; 
  width:6px;
  cursor:grabbing;
}
.realSelect{
	visibility:hidden;
	position:absolute;
	z-index:-1;
}
/*header styles*/
.headerRow p{
	margin-top:10px;
	color:#00097d;
	margin-bottom:0px;
	font-weight:bold;
}
.headerRow table{
	width:100%;
}
.headerRow table tr td{
	width:50%;
	padding:5px 0;
}
.headerRow table tr td:nth-child(2){
	text-align:right;
}
.headerRow table tr:nth-child(2){
	background-color:#00097d;
}
.headerRow table tr:nth-child(2) p{
	margin-bottom:5px;
	margin-top:5px;
	font-weight:bold!important;
	color:#ffffff!important;
}
.headerRow table tr:nth-child(3){
	border-bottom:2px solid #00097d;
}
.headerLinks{
	color:#d8127d;
	text-decoration:none;
	padding:0 10px;
	border-right:0px solid #d8127d;
	font-weight:bold;
}
.headerLinks:first-child{
	border-right:2px solid #d8127d;
}
a.headerLinks:hover,a.headerLinks:focus{
	color:#d8127d;
	text-decoration:none;
}
.Popup{
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		z-index:200;
		left:0;
		top:0;
		background-color:rgba(0,0,0,0.7);
		-webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	.popupContent img{
		height:8vh;
		width:auto;
	}
	.popupContent{
		text-align:center;
		padding:30px;
		width:400px;
		background-color:#fff;
		border-radius:5px;
		box-shadow:0px 10px 10px 0 rgba(0,0,0,0.2);
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
	}
	.popAnimate{
		animation:popZoomAni 0.4s ease-out;
		-webkit-animation:popZoomAni 0.4s ease-out;
	}
	@keyframes popZoomAni{
		0%{
			transform:translate(-50%,-50%) scale(0);
		}
		100%{
			transform:translate(-50%,-50%) scale(1);
		}
	}
	@-webkit-keyframes popZoomAni{
		0%{
			-webkit-transform:translate(-50%,-50%) scale(0);
		}
		100%{
			-webkit-transform:translate(-50%,-50%) scale(1);
		}
	}
	.popupHeader,.popupBody{
		margin-bottom:40px
	}
	.popupBody p{
		font-size:16px;
		color:#292929;
		margin:0px;
	}
	.popupFooter button.no{
		border:2px solid #d8127d;
		background-color:#fff;
		color:#d8127d;
	}
	.popupFooter button{
		outline:0px;
		padding:7px 15px!important;
	}
	
	.checkMarkDiv input::placeholder{
		font-family: Arial !important;
	} 
	.securedInput {
		font-family: password;
	}
	

.daterangepicker{
	 border-radius: 5px!important;
	 background-color:#fff!important;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
}
.daterangepicker .calendar-table thead tr:nth-child(1) th{
	font-family:OpenSans-SemiBold;
	font-size:16px!important;
	color:#00097d!important;
	font-weight:700;
}
.daterangepicker .calendar-table thead tr:nth-child(2) th{
	opacity:0.5;
	color:#323232!important;
	font-family:OpenSans-Bold;
	font-size:12px;
}
.daterangepicker .calendar-table td{
	font-family:OpenSans-Regular;
	font-size:14px!important;
	color:#314e87!important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
	color:#fff!important;
	border-radius:50%!important;
	background-color:#00097d!important;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
	opacity:0.5;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span{
	border:solid #00097d!important;
	border-width:0 2px 2px 0!important;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{
    font-size:14px!important;
    border:1px solid #00097d;
    border-radius:4px;
    padding:0 4px!important;
    cursor:pointer!important;   
    background-image:url('../imagesIB/datearrow/datearrow.png');
    background-position:90% center;
    background-repeat:no-repeat;
}
select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}
/* For IE10 */
select::-ms-expand {
  display: none;
}
.pwdTable tr td{
	vertical-align:top;
}
.inputGrids input:last-child{
	margin-right:0px;
}
.pwdnotesForm{
	font-size:10px;
	color:#606060;
	width:300px;
}
.pwdnotesForm h6{
	margin-top:0px;
	margin-bottom:5px;
	font-size:10px;
}
.pwdnotesForm ul{
	margin-left:15px;
}
.pwdnotesForm ul li{
	opacity:0.8;
	margin-bottom:2px;
	list-style-type:decimal;
}

.checkRowActive{
    cursor:pointer;
    font-family:OpenSans-Regular;
    font-size:14px;
    color:#292929;
    font-weight:normal;
    margin-bottom:0px;
    position:relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkRowActive input{
    position:absolute;
    display:block;
    opacity:0;
    width:0;
    height:0;
}


.checkRowMark{
    position:relative;
    display:inline-block;
    width:15px;
    height:15px;
    top:2px;
    border-radius:2px;
    border:2px solid #a0a0a0;
    background-color:#fff;
    transition:0.2s ease-out;
    -webkit-transition:0.2s ease-out;
}
.checkRowMark::before{
	content:'';
	position:absolute;
	display:none;
}
.checkRowActive input:checked +.checkRowMark{
	background-color:rgb(0, 179, 18);
	border:0px solid transparent;
}
.checkRowActive input:checked +.checkRowMark::before{
	display: block;
    width: 9px;
    height: 5px;
    top: 4px;
    left: 3px;
    border: 1px solid #fff;
    background-color: transparent;
    border-width: 0 0 1px 1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(-45deg);
    transition: 0.4s ease-out;
}
.rowName{
    margin-left:10px;
    float:right;
}
.checkNone{
    position:absolute;
    display:none;
}
.checkedRow{
    display: block;
    width: 9px;
    height: 5px;
    top: 4px;
    left: 3px;
    border: 1px solid #fff;
    background-color: transparent;
    border-width: 0 0 1px 1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(-45deg);
    transition: 0.4s ease-out;
}
.checkSection {
	margin-bottom:10px;
}
 .checkSection h2{
 	font-size:14px;
 	font-family:OpenSans-SemiBold;
 	color:#4a4a4a;
 	margin-top:20px;
 	margin-bottom:10px;
 }
 .checkSection label {
 	width: inherit;
 }
 
 .tooltips {
  position: relative;
  display: inline-block;
  bottom: 2px;
  left:4px;
}

.tooltips .tooltipstext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
}

.tooltips .tooltipstext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}
.tooltips:hover .tooltipstext {
  visibility: visible;
}

.checkrow {
	margin-bottom: 15px;
}

.checkrow tr td:nth-child(2){
	padding-left: 10px;
}


/*newly styles added at 20-08-2020*/
/*loader styles*/
.loadingTable{
    width:100%;
    height:100%;
    text-align:center;
    background-color:rgba(255,255,255,0.8);
    vertical-align:middle;
    z-index:1000;
    top:0;
    left:0;
    display:none;
    position:fixed;
}
.loaderCell{
    width:1%;
    display:table-cell;
    vertical-align:middle;
}
.loaderTxt{
	text-align:center;
	font-weight:normal;
	margin-bottom:0px;
}
.loaderTxt p{
	margin-bottom:0px;
	font-size:18px;
	color:#00097d;
	font-weight:100;
}
/*added styles on 28-05-2021*/
.error_msg{
	display:none;
    padding-top: 4px;
   /* margin-bottom:10px;*/
}
.error_msg h6{
	font-size: 12px;
	line-height:1.2;
    color: #ff4652;
	font-weight:300;
	margin:0px!important;
}
.error .errorinput,
.error .errorbutton,
.error .errortextarea{
	border:1px solid #ff4652;
}