@font-face {
    font-family: 'GothamBold';
	src: url('./fonts/Gotham-Bold.eot');
	src: url('./fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/Gotham-Bold.ttf') format('truetype'),
	     url('./fonts/GothamHTF-Book.otf') format('opentype');
   	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamBook';
	src: url('./fonts/Gotham-Book.eot');
	src: url('./fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/Gotham-Book.ttf') format('truetype'),
	     url('./fonts/GothamHTF-Book.otf') format('opentype');
    font-style: normal;
}
@font-face {
    font-family: 'GothamBlack';
	src: url('./fonts/Gotham-Black.eot');
	src: url('./fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/Gotham-Black.ttf') format('truetype'),
	     url('./fonts/GothamHTF-Black.otf') format('opentype');
    font-style: normal;
}
body
{
margin:0px; padding:0px;
}

.loginicon
{

background-image: url("/iportalweb/iportal/images/login.png") !important;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
	position: absolute;
    float: left;
    height: 105px;
    margin-left: 3%;
    width: 100px;
}
.mainDIV
{
background-color:#fefbe8;
}
.mainparent{
	background-color:#fefbe8;
	padding:11px; 
	-moz-box-shadow:#f9a87d 0 0 14px 0px;
	-webkit-box-shadow:#f9a87d 0 0 14px 0px;
	-ms-box-shadow:#f9a87d 0 0 14px 0px;
	box-shadow:#f9a87d 0 0 14px 0px;
}
table, tr, td
{
font:11px Arial,Helvetica,sans-serif;
font-weight:bold;
}
/*
tr:nth-child(odd)		{ background-color:#eee; }
tr:nth-child(even)		{ background-color:#fff; }
*/


.checkboxclass{
	color: #333;
	padding: 2px;	
	outline: none;
	width:18px !important;
	float:none !important;
}

.selectdown{
	background: #cecece;
	border: 1px double #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #333;
	color: #666;
	float: left;
	padding: 2px;
	width: 190px;
	outline: none;
}

.submitbtn
{

	background:#ff5200;
	color: #fff;
	float: right;
	padding: 6px 10px 8px 10px;
	width: auto;
	outline: none;
	font:12px Arial,Helvetica,sans-serif !important;
	font-weight:bold;
	cursor: pointer; cursor: hand;
	margin-left:4px;
	font-weight:bold;
	border: 1px solid #ff5200;
	
}
.submitbtn-otp
{

	background:#ff5200;
	color: #fff;
	padding: 6px 10px 8px 10px;
	width: auto;
	outline: none;
	font:12px Arial,Helvetica,sans-serif !important;
	font-weight:bold;
	cursor: pointer; cursor: hand;
	margin-left:4px;
	font-weight:bold;
	border: 1px solid #ff5200;
	
}
.submitbtn-home
{

	background:#ff5200;
	color: #fff;
	padding: 6px 10px 8px 10px;
	width: auto;
	float: none;
	outline: none;
	font:12px Arial,Helvetica,sans-serif !important;
	font-weight:bold;
	cursor: pointer; cursor: hand;
	margin-left:4px;
	font-weight:bold;
	border: 1px solid #ff5200;
	
}
.submitbtn1
{

	background: #cecece;
	border: 1px double #DDD;
	border-radius: 15px;
	box-shadow: 0 0 5px #333;
	color: #000;
	float: right;
	padding: 2px;
	width: auto;
	outline: none;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	cursor: pointer; cursor: hand;
	
	
}

.submitbtn3 {
    background: none repeat scroll 0 0 #CECECE;
    border: 1px double #DDDDDD;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #333333;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-left: 1262px;
    outline: medium none;
    padding: 3px;
    width: auto;
}



.mandatory
{
color:#eb5548;
font-weight:bold;
font-size:14px;
}

.ErrorCls
{
font:10px Arial,Helvetica,sans-serif;	
font-weight:bold;
color:#FF0000;
margin-left:96px;
}

.ErrorCls1
{
font:11px Arial,Helvetica,sans-serif;	
font-weight:bold;
color:#FF0000;

}

.ErrorCls2
{
font-weight:bold;
font-size:10px;
color:#FF0000;
margin-left:160px;

}

.ErrorCls4
{
font-weight:bold;
font-size:11px;
color:#FF0000;
margin-left:-777px;
font-family: verdana;
}

.ErrorCls5
{
font:11px Arial,Helvetica,sans-serif;
font-weight:bold;
color:#000;
}

.ErrorCls6
{
font-weight:bold;
font-size:13px;
color:black;
margin-left:-796px;
font-family: verdana;
}

.ErrorCls7
{
font-weight:bold;
font-size:12px;
color:black;
margin-left:-2065px;
font-family: verdana;
}

.ErrorCls8
{
font-weight:bold;
font-size:13px;
color:black;
margin-left:-650px;
font-family: verdana;
}

.ErrorCls9
{
color: black;
   font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    margin-left: -844px;
}

.ErrorCls10
{
font:11px Arial,Helvetica,sans-serif;
color: black;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    margin-left: -746px;
}

.ErrorCls11
{
font:11px Arial,Helvetica,sans-serif;	
font-weight:bold;
color:#FF0000;

}

.ErrorCls12
{
font:11px Arial,Helvetica,sans-serif;	
font-weight:bold;
color:#FF0000;
}

.ErrorCls13
{
font:11px Arial,Helvetica,sans-serif;
font-weight:bold;
color:black;
margin-left:-745px;
font-family: verdana;
}

.ErrorCls14
{
font:11px Arial,Helvetica,sans-serif;
font-weight:bold;
color:black;
margin-left:-1816px;
font-family: verdana;
}

.ErrorCls15 {
font:11px Arial,Helvetica,sans-serif;
    color: black;
    font-family: verdana;
    font-weight: bold;
    margin-left: -770px;
}

.ErrorCls16
{
font:11px Arial,Helvetica,sans-serif;	
font-weight:bold;
color:#FF0000;
}

.ErrorCls17
{
font:11px Arial,Helvetica,sans-serif;
font-weight:bold;
color:#FF0000;
}

.ErrorCls18 {
font:11px Arial,Helvetica,sans-serif;
    color: black;
    font-family: verdana;
    font-weight: bold;
    margin-left: -899px;
}

.submitbtn2
{
	background: none repeat scroll 0 0 #CECECE;
    border: 1px double #DDDDDD;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #333333;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-right: 100px;
    outline: medium none;
    padding: 2px;
    width: auto;
	
	
	}
	
	
	.submitbtn3{
	
	background: none repeat scroll 0 0 #CECECE;
    border: 1px double #DDDDDD;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #333333;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-left: 979px;
    outline: medium none;
    padding: 2px;
    width: auto;
	}
	
	.submitbtn4 {
    background: none repeat scroll 0 0 #CECECE;
    border: 1px double #DDDDDD;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #333333;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0px;
    outline: medium none;
    padding: 2px;
    width: auto;
}

.submitbtn5 {
    background: none repeat scroll 0 0 #CECECE;
    border: 1px double #DDDDDD;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #333333;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-right: 0;
    outline: medium none;
    padding: 2px;
    width: auto;
}

.submitbtn6 {
    background: none repeat scroll 0 0 #CECECE;
    border: 1px double #DDDDDD;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #333333;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-left: 911px;
    outline: medium none;
    padding: 2px;
    width: auto;
}

.submitbtn7
{

	background: #cecece;
	border: 1px double #DDD;
	border-radius: 15px;
	box-shadow: 0 0 5px #333;
	color: #000;
	float: right;
	padding: 2px;
	width: auto;
	outline: none;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	cursor: pointer; cursor: hand;
	margin-left: 1164px;
}

.submitbtn8 {
    background: none repeat scroll 0 0 #CECECE;
    border: 1px double #DDDDDD;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #333333;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-left: 16px;
    outline: medium none;
    padding: 2px;
    width: auto;
}

.submitbtn9 {
    background: none repeat scroll 0 0 #CECECE;
    border: 1px double #DDDDDD;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #333333;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-left: 1090px;
    outline: medium none;
    padding: 2px;
    width: auto;
}

.conditionalMandatory {
	color:blue !important;
	width:10px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
}

	
/*Thanika*/

	body{background-color: #fff !important;}
	#container{
	width:100%;
	background-color: #fff !important;
	}
	.bob_logo {
		background-image: url(../boblogo.png);
		background-repeat: no-repeat;
		background-position: left 0px;
		width: 248px;
		height: 65px;
		margin-left: 15px;
		padding-bottom:10px;
		position: relative;
		top:5px;
	}
	.iportal-header {
	  /*  background-image: url("../images/header bar.png");
	    background-repeat: repeat-x; */
		position: relative;
		padding: 1px 0px;
		height: 1px;
		background: #d76528 !important;
	}
	.login-bg{
	/*	background-image: url("../login-bg.jpg");
		background-repeat: no-repeat;
		width:1280px;
		height:672px;
		opacity:0.7;
		filter: alpha(opacity=70); */
	}
	center{display:none;} 


	.keyboardtbldis {
	font:11px Arial,Helvetica,sans-serif;
	border:transparent;
    text-align: center;
    padding:0;
    background-color: #fff;
    color: #ccc;
    vertical-align: middle;
    font-weight: bold;
	}
.keyboardtblenb {
	font:11px Arial,Helvetica,sans-serif;
    background: none repeat scroll 0px 0px #fff !important;
    cursor: pointer;
    font-weight: bold;
    padding:0;
    text-align: center;
    vertical-align: middle;
	border:transparent;
	color: #333;
}
a{text-decoration:none; color:#eb631b; font:11px Arial,Helvetica,sans-serif;}
.label{
	font:11px Arial,Helvetica,sans-serif;
	color:#333;
	font-weight: bold;
}
.kbd_heading {
    padding:0;
    margin:0px;
    font:11px Arial,Helvetica,sans-serif;
	color:#000;
	font-weight: bold;
}
.head{
	font:11px Geneva,Arial,Helvetica,sans-serif;
	color:#000;
	padding-bottom: 10px;
	font-weight: bold;
	}

.n-text{
	font:11px Arial,Helvetica,sans-serif;
	color:#000;
	font-weight: bold;
	}
.keyboardtbl td.keyboardtbldis{width:24px; height:22px; font:11px Arial,Helvetica,sans-serif; font-weight: bold;}
.keyboardtbl td.keyboardtblenb{width:24px; height:22px; font:11px Arial,Helvetica,sans-serif; font-weight: bold;}

.close-text{
	font: 12px Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #ff5200;
}
 input[type='text'],input[type='password']
 {
   	background: #fefbe8;
	border: 1px solid #efbca4;
	color: #333;
	float: left;
	padding: 2px;
	width: 190px;
	outline: none;
 }
.checkbox-text{
	position: relative;
	bottom: 2px;
}
.keyboardtbl{font:11px Arial,Helvetica,sans-serif;}

/*fontawesome starts*/

.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3{
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 15px;
}

.fontawesome-icon-list .fa-hover a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #996699 !important;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}
a #capcha {
   color: #996699 !important;
    text-decoration: none;
	font-size: 14px !important;
}
.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}
.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px !important;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

.refesh {
    position: relative;
    left: 10px;
    top: 4px;
}
/*fontawesome ends*/

/* Password poplices popup window style  starts*/
.ontop {
	z-index: 9;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	position: absolute;				
	background-color: rgba(96, 96, 96, 0.6);
	color: #aaaaaa;
}
#popup {
	width: 360px;
	position: absolute;
	color: #000000;
	background-color: #ffffff;
	/* To align popup window at the center of screen*/
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -150px;
	z-index: 999;
}
.ok-btn
{

	background:#ff5200;
	color: #fff;
	float: left;
	padding: 4px 14px;
	margin-top:7px;
	width: auto;
	outline: none;
	font:12px Arial,Helvetica,sans-serif !important;
	font-weight:bold;
	cursor: pointer; cursor: hand;
	margin-left:5px;
	font-weight:bold;
	border: 1px solid #996699;
	text-decoration:none;
	
}
.pass-header {
	font: 12px Arial,Helvetica,sans-serif;
	color:#000;
	font-weight:bold;
}
.pass-message{
	font: 11px Arial,Helvetica,sans-serif;
	color:#000;
}
/* Password poplices popup window style  ends */
.header-div{width:100%; background-color: #fff !important;}
.footer-div{width:100%; position:fixed; bottom:0;}