@charset "utf-8";
/* CSS Document */
/* Light Blue - 408AD4 */
/* Dark Blue - 0066CC*/
/* Blue Buton - 0A5EB3  01386E 054C92 649BD2 115496   */
/* Blue Dash Board Left Container - B9DCFE*/

/*@import url('https://fonts.googleapis.com/css?family=Heebo:400');*/


@import url('https://fonts.googleapis.com/css?family=Roboto');

body
{
	font-family: 'Roboto', sans-serif !important;
	font-size:12px;
	color: #000000 !important;
	margin:0;
	padding:0;
	background-color:#ffffff;
}




/**************************************/
/**********CSS for Global ***********/
/**************************************/

#wrapper
{
	margin:0;
	width:100%;
	height:auto;
}

.spacer
{
    height:15px;
    width:100%;
    float:left;   
}


.buttonMain {
	font-size:14px;	
	font-weight:normal;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0A5EB3;
	padding:4px 14px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #01386E 5%, #054C92 100% );
	background:-ms-linear-gradient( top, #01386E 5%, #054C92 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01386E', endColorstr='#054C92');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #01386E), color-stop(100%, #054C92) );
	background-color:#01386E;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #115496;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #649BD2;
 	-moz-box-shadow:inset 1px 1px 0px 0px #649BD2;
 	box-shadow:inset 1px 1px 0px 0px #649BD2;
}.buttonMain:hover {
	background:-moz-linear-gradient( center top, #054C92 5%, #01386E 100% );
	background:-ms-linear-gradient( top, #054C92 5%, #01386E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#054C92', endColorstr='#01386E');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #054C92), color-stop(100%, #01386E) );
	background-color:#054C92;
}.buttonMain:active {
	position:relative;
	top:1px;
}

/*.buttonMain
{
    background:-moz-linear-gradient( center top, #01386E 5%, #054C92 100% );
	background:-ms-linear-gradient( top, #01386E 5%, #054C92 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01386E', endColorstr='#054C92');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #01386E), color-stop(100%, #054C92) );
	background-color:#01386E;  
}.buttonMain:hover {
	background:-moz-linear-gradient( center top, #054C92 5%, #01386E 100% );
	background:-ms-linear-gradient( top, #054C92 5%, #01386E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#054C92', endColorstr='#01386E');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #054C92), color-stop(100%, #01386E) );
	background-color:#054C92;
}.buttonMain:active {
	position:relative;
	top:1px;
}
*/



.DeleteButton {
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	/*-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;*/
	border:1px solid #ff0000;
	padding:1px 5px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ff0000 5%, #550000 100% );
	background:-ms-linear-gradient( top, #ff0000 5%, #550000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#550000');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff0000), color-stop(100%, #550000) );
	background-color:#ff0000;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #115496;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #649BD2;
 	-moz-box-shadow:inset 0px 0px 0px 0px #649BD2;
 	box-shadow:inset 0px 0px 0px 0px #649BD2;
}.DeleteButton:hover {
	background:-moz-linear-gradient( center top, #550000 5%, #ff0000 100% );
	background:-ms-linear-gradient( top, #550000 5%, #ff0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#550000', endColorstr='#ff0000');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #550000), color-stop(100%, #ff0000) );
	background-color:#550000;
}.DeleteButton:active {
	position:relative;
	top:1px;
}

.iconColor
{
    color:#054C92 !important;
    font-size:14px;
}

.iconColor a:link
{
    color:#054C92 !important;
    font-size:14px;
}

.iconColor a:active
{
    color:#054C92 !important;
    font-size:14px;
}

.iconColor a:visited
{
    color:#054C92 !important;
    font-size:14px;
}

.iconColor a:hover
{
    color:#ff0000 !important;    
}

.messageboard
{    
    width:100%;
    min-height:500px;
    border:0;
}


/* Mobile Button */



.smallbutton_m {
	font-size:20px;
	font-weight:normal;	
	border:1px solid #dcdcdc;	
	text-decoration:none;	
	background-color:#f9f9f9 ;
	color:#111111;	
	text-align:center;	
}.smallbutton_m:hover {
	
	background-color:#f9f9f9;
}.smallbutton_m:active {
	position:relative;
	top:1px;
}

.mbutton
{
    background-color:#f9f9f9 ;
    border:1px solid #f9f9f9 ;
    font-size:28px;
    text-shadow:1px 1px 0px #ffffff;
    font-weight:normal;    
    color: #111111;
}



/**************************************/
/**********CSS for header ***********/
/**************************************/

header
{
	height:auto;
	width:100%;	
        float:left;
	margin-bottom:2px;  
	border-bottom:solid 1px #666666;	
}

/* CSS used only for */
.header
{
   height:70px;
   width:100%;	
   border-bottom:solid 1px #666666; 
}

.logo
{
	float:left;
	width:auto;	
	height:60px;
}

#headerRight
{
	float:right;
	width:auto;
	margin-right:5px;	
	
}

#headerRight h2
{
	font-size:12px;
	padding:2px;
	margin:0 0 5px 0;
	width:auto;
	font-weight:500;
	background-color:#ffffff;
	text-align:right;
}

#headerRight h3
{
	font-size:14px;
	padding:2px;
	margin:0 0 5px 0;
	width:auto;
	font-weight:500;
	background-color:#ffffff;
	text-align:right;
}

#homeDropDown
{
    float:right;
    margin-top:30px;    
    margin-left:200px;    
}

.followus
{
	font-size:12px;
	font-weight:bold;
}

.followus a:link
{
	font-size:16px;
	color:#666;
}

.followus a:visited
{
	font-size:16px;
	color:#666;
}

.followus a:active
{
	font-size:16px;
	color:#666;
}

.followus a:hover
{
	color:#00F;
}

.homeLink
{
	font-size:12px;
	font-weight:bold;
	background-color:#ff0000;
	margin-top:-1px;
}

.homeLink a:link
{
	font-size:11px;
	color:#666;
}

.homeLink a:hover
{
	color:#00F;
}

.specialicon
{
	width:500px;
	margin:0px 20px 0px 0px;
	float:right;
	height:40px;
}

.specialicon a:link
{
	font-size:30px;
	color:#0066CC;
	margin-right:10px;
}

.specialicon a:visited
{
	font-size:30px;
	color:#0066CC;
	margin-right:10px;
}

.specialicon a:active
{
	font-size:30px;
	color:#0066CC;
	margin-right:10px;
}

.specialicon a:hover
{
	color:#408AD4;
}

/**************************************/
/**********CSS for Container ***********/
/**************************************/

#container
{
	width:99%;	
	margin:1px 0px 0px 0px;
	padding:0;
	min-height:500px;
	float:left;		
}

#container h1
{
	margin:255px auto;
	width:400px;
}

#LeftContainer
{
	width:15%;	
	float:left;
	min-height:500px;
	background-color:#B9DCFE;
	
}

#LeftMenuVertical
	{
		display:block;
	}
#LeftMenuHorizontal
	{
		display:none;
	}				

.updateInfo
{
    width:100%;
    margin-bottom:10px;
    text-align:center;
    border-top:1px dotted #000000;
    padding-top:10px;
    float:left;   
}

.updateInfo h3
{
    font-size:11px;
    font-weight:normal; 
    margin:0;   
}

#RightContainer
{
	width:84%;
	background-color:#fff;
	float:right;
	min-height:500px;
	padding-left: 1%;
	z-index:-1000;
	overflow:visible;
}

#LoginArea
{
    margin:auto;
    top:100px;
    height:200px;
    width:400px;
    border-radius:8px;
    border:solid 1px #cccccc;
    background-color:#eeeeee;
    vertical-align:middle;    
    position:relative;    
}

.pageHeader
{
   font-size:12px;
   color:#ffffff;
   font-weight:bold; 
}

.pageHeaderText
{
   font-size:12px;
   color:#ffffff;
   font-weight:500; 
   text-transform:capitalize;
}


/********* CSS for Transaction start **************/

.transact-container {
    width:100%;
    min-height:300px;
    margin:auto;
    float:left;
}
    .transact-container h2 {
        font-size: 24px;
        margin-bottom: 20px;
        color:#111111;        
        text-align:center;
    }

.transact-left-conntainer {   
    border: solid 1px #eeeeee;
    border-radius:5px;
    width: 55%;
    float:left;
    margin-right:2%;
   
}

.transact-right-conntainer {
    float: left;
    width: 38%;
    margin-right: 3%; 
    border: solid 1px #cccccc;
    border-radius:5px;  
    padding:1%; 
    background-color:#f9f9f9;
}

    .transact-right-conntainer h3 {
        font-size: 20px;
        color: #ffffff;        
        margin-top:0;
        background-color:#408AD4;
        padding:5px;
    }

    .transact-right-conntainer h4 {
        font-size: 30px;
        color: #550000;        
        margin-top:0;
        text-align:center;
        font-weight:bold;

    }

.transact-proDetails {
    width:90%;
    margin:auto;
}

.transact-row1 {
    padding:5px 0;
    background-color:#feeced;
    border-bottom:solid 1px #fddadc;
}

.transact-row2 {
    padding:5px 0;
    background-color:#f2f1f1;
    border-bottom:solid 1px #fddadc;
}


.searchpanel {
	width: 100%;
	height: auto;
	display: none;
    margin:auto;
    float:left;
    background-color:#f1f1f1;
    border:solid 1px #eeeeee;
    border-radius:3px;
}

.transact-option-area {
    margin:20px auto;        
    width:1120px; 
    float:none;   
    text-align:center;               
}

.transact-option {
    float:left;
    margin-right:20px;
    width:120px;
    height:120px;
    margin-bottom:20px;            
}

.transact-option-last {
    margin-right: 0;
}

.transact-option a i {
    font-size:38px;
    margin-top:30px;
    margin-bottom:10px;
}

.transact-option a:link {
    display: block;
    height: 120px;
    width: 120px;
    font-size:13px;
    text-transform:uppercase;
    background-color:#99c2ff;
    border:solid 1px #b28903;
    text-decoration:none;
    border-radius:4px;
    color:#002966;
}

.transact-option a:active {    
    color:#002966;
}

.transact-option a:visited {    
    color:#002966;
}


.transact-option a:hover {
    display: block;        
    background-color:#005ce6;
    border:solid 1px #b28903;
    color:#ffffff;
    text-decoration:none;
}

.transact-fieldset {
    border:solid 1px #666666 !important;    
    margin:20px auto;
    width:90%;     
    border-radius:5px;  
}

.transact-fieldset-legend {    
    text-align:center; 
    font-size:22px;     
}

.transact-ErrorControl
    {
        background-color: #ffffff !important;
        border: solid 1px #f00 !important;
    }

.transact-GV-HeaderStyle {
    background-color:#d9d8d8;    
    color:#666666;
    text-transform:capitalize;
    border-bottom:solid 1px #999999;
    height:25px;
    font-size:12px;
}

.transact-GV-PagerStyle {
    background-color:#F7F7DE;
    color:#111111;
    text-align:right;
}

.transact-GV-RowStyle {
    background-color: #ffffff;
    color:#111111;
    font-size:12px;
    font-weight:normal;
    height:22px;
    border-bottom:solid 1px #dddddd;
    height:40px;
}


.transact-GV-SelectedRowStyle {
    background-color:#CE5D5A;
    font-weight:bold;
    color:#ffffff;
}

.transact-GV-AlternatingRowStyle {
    background-color:#f5f3f3;
    color:#111111;
    font-size:12px;
    font-weight:normal;
    border-bottom:solid 1px #dddddd;
    height:40px;
}

.transact-GV-FooterStyle {
    background-color:#CCCC99;
}

.transact-GV-Button {
	font-size:11px;	
	font-weight:normal;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #d83526;
	padding:2px 4px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );
	background-color:#fe1a00;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #b23e35;
 	-webkit-box-shadow:inset 0px 0px 0px -50px #f29c93;
 	-moz-box-shadow:inset 0px 0px 0px -50px #f29c93;
 	box-shadow:inset 0px 0px 0px -50px #f29c93;
}
.transact-GV-Button:hover {
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	background:-ms-linear-gradient( top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ce0100), color-stop(100%, #fe1a00) );
	background-color:#ce0100;
}
.transact-GV-Button:active {
	position:relative;
	top:1px;
}



/********* GRID CSS STYLE **************/


.headerstyle {
    background-color:#408AD4;
    text-shadow:1px 1px 0px #0066CC;
    background-repeat: no-repeat;
    background-position: center left;       
    padding-left:3px;
    font-size:11px; 
    font-weight:normal;
    color:#ffffff;    
      text-align:center   ;
}

.headerstyle a:link {          
    padding-left:3px;
    font-size:11px; 
    font-weight:normal;
    color:#ffffff;
    text-decoration:none;
    font-weight:500;
          text-align:center   ;
}

.headerstyleWithImg{
    background-color:#ff0000;
    text-decoration:none;    
}  

.sortascheaderstyle{    
    background-color: #cceeff; 	     
    color:#000000;  
     text-align:center   ;
}
.sortdescheaderstyle{    
    background-color: #cceeff; 	
    color:#ffffff !important;      
    text-align:center   ;
}  
.rowstyle {
	padding: 1px;	
	font-size:11px;
	color:#333333;
	background-color:#ffffff;	
}

.footerstyle
{
    background-color:#408AD4;
    font-size:11px;
	color:#ffffff;	
	font-weight:normal;
}

.innerButton {
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	/*-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;*/
	border:1px solid #408AD4;
	padding:1px 5px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #408AD4 5%, #0066CC 100% );
	background:-ms-linear-gradient( top, #408AD4 5%, #0066CC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408AD4', endColorstr='#0066CC');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #408AD4), color-stop(100%, #0066CC) );
	background-color:#408AD4;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #115496;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #B9DCFE;
 	-moz-box-shadow:inset 0px 0px 0px 0px #649BD2;
 	box-shadow:inset 0px 0px 0px 0px #649BD2;
}.innerButton:hover {
	background:-moz-linear-gradient( center top, #0066CC 5%, #408AD4 100% );
	background:-ms-linear-gradient( top, #0066CC 5%, #408AD4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066CC', endColorstr='#408AD4');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #0066CC), color-stop(100%, #408AD4) );
	background-color:#0066CC;
}.innerButton:active {
	position:relative;
	top:1px;
}



/******** CSS for Existing Login ********/

 .EULogin {
    margin:auto;
    top:100px;
    height:200px;
    width:300px;    
    vertical-align:middle;    
    position:relative;    
}

       .EULogin p {
  line-height: 2.5em;
}

.EULogin span {
  background-color: #363b41;
  border-radius: 3px 0px 0px 3px;
  color: #606468;
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

.ELinputfield {
  background-color: #3b4148;
  border-radius: 0px 3px 3px 0px;
  color: #ffffff;
  margin-bottom: 1em;
  padding: 0 10px;
  height: 50px;
  width: 230px;
  float: left;
  border:none;
  font-size:14px;
}

.ELbutton {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #0066CC;
    color: #fff;
    font-weight: normal;
    font-size:22px;
    margin-bottom: 1em;
    text-transform: uppercase;
    width: 280px;
    padding:10px 10px;
    height:35px;
    text-decoration:none; 
    display:inline-block;     
    text-align:center;      
}

.ELbutton:hover {
  background-color: #408AD4;
}

.LoginExtra
{
     margin:auto;
    top:100px;
    height:200px;
    width:300px;    
    vertical-align:middle;    
    position:relative; 
    text-align:center;
}

.LoginExtra p
{    
    line-height:20px;
    width:300px;
    text-align:center;
    font-size:16px;   
}

.redText
{
    color:#ff0000;
}
 
.datazone
{
    width:100%;
    margin:0;
}


.inputfield {
	font-size:12px;
	
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	padding:3px 3px;
	text-decoration:none;
	text-align:left;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	color:#666666;
	display:inline-block;
	text-shadow:1px 1px 11px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px -1px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px -1px #ffffff;
 	box-shadow:inset 1px 1px 0px -1px #ffffff;
}

.labelname
{
    font-size:14px;
    font-weight:normal;
    color:#E31B86;    
    padding:5px 10px 5px 30px;
    height:25px;
    
    
    
}

.labelvalue
{
    font-size:16px;
    font-weight:normal;
    color:#024589;
    padding:5px 10px 5px 10px;
}



.smallbuttongrid {
	font-size:10px;
	
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #84bbf3;
	padding:4px 4px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 11px #528ecc;
 	-webkit-box-shadow:inset 1px 1px 0px -1px #bbdaf7;
 	-moz-box-shadow:inset 1px 1px 0px -1px #bbdaf7;
 	box-shadow: 1px 1px 0px -1px #bbdaf7;
 	margin-left: 5px;
}.smallbuttongrid:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.smallbuttongrid:active {
	position:relative;
	top:1px;
}




/**********CSS for Data Result ***********/

.datazone h1
{
    margin:10px 20px 10px 10px !important;
    height:0px !important;
    width:auto;
    float:left;
    background-color:#ff0000;
} 

#ssradio  
{
    margin:10px 20px 10px 10px;
    background-color:#B9DCFE;
    float:right;
}

.resultBody
{
    display:table;
    width:96%;
    border-collapse: collapse;       
}

.TableHeader
{
    font-weight: bold;
     display:table-row;
     background-color:#408AD4;
     text-align: center;
     line-height: 20px;
     font-size: 11px;     
     color:#fff;
}

.TableRow
{
    display:table-row;
    text-align: center;
}

.col
{
    display:table-cell;
    border: 1px solid #408AD4;
    padding:2px;
    width:15%  
}

.colLeft
{
    display:table-cell;
    border: 1px solid #408AD4;
    text-align:left;
    padding:2px;
    width:21%
}


/********************************/
/* CSS for content section start */
/********************************/
#content 
{
	height:auto;
    overflow:auto;
    padding-bottom:50px;
    width: 100%;
    margin:auto;
}

#DBMenu {
    width: 96%;
    margin: auto;
}



#dashBoardMenu1 {
    width: 100%;
    margin: auto;
    float:left; 
    margin-top:15px;   
}

#dashBoardMenu2 {
    width: 100%;
    margin: auto;
    float:left;
    margin-top:15px;
}

#dashBoardMenu3 {
    width: 100%;
    margin: auto;
    float:left;
    margin-top:15px;
}

.dashBoardHeader {
    font-size: 14px;
    background-color: #0066CC;
    text-transform:capitalize;
    padding: 10px;
    width:100%;    
    color:#ffffff;
    margin-bottom:10px;
}

.dashBoardHeader > span
{
    color:#ffffff !important;
    text-align:right;
    padding-right:10px;
    float:right;
    text-shadow:1px 1px 0px #115496;
}

.dashboardIcon {
    width: 100px;
    margin-left: 15px;     
    height: auto;
    float:left;         
    text-align:center; 
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    padding-bottom:10px;     
}

.first {
    width: 100px;
    margin-left: 0px;     
    height: auto;
    float:left;         
    text-align:center; 
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    padding-bottom:10px;     
}

.dashboardIcon a {
    width: auto;
    float: left;
    height:auto;
    border: solid 1px #0066CC;
    background-color:#0066CC;
    padding-bottom: 10px;
}

.dashboardIcon a:link {
    text-decoration:none;
    color: #ffffff;
}

.dashboardIcon a:visited {
    text-decoration:none;
    color: #ffffff;
}

.dashboardIcon a:hover {
    text-decoration:none;
    background-color:#054C92;
    border: solid 1px #054C92;
    color:#ffffff;
}

.dashboardIcon img {
    border: 0px;
    padding: 10px 20px 10px 20px;
    background-color:#ffffff;
    margin-bottom:5px;
     
}

.tooltip, .arrow:after {
  background: #054C92;
  border: 2px solid white;
}

.tooltip {
  pointer-events: none;
  width: 300px;
  opacity: 0;
  display: inline-block;
  position: absolute;
  padding: 10px 20px;
  color: white;
  border-radius: 10px;
  margin-top: 20px;
  text-align: center;
  margin-left:20px;  
  font-stretch: condensed;
  text-decoration: none;
  text-transform:none;
  box-shadow: 0 0 7px black;
}
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-box-shadow: 6px 5px 9px -9px black,
                      5px 6px 9px -9px black;
  -moz-box-shadow: 6px 5px 9px -9px black,
                   5px 6px 9px -9px black;
  box-shadow: 6px 5px 9px -9px black,
              5px 6px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
}
.tooltip.active {
  opacity: 1;
  margin-top: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  -o-transition:      all 0.2s ease;
}
.tooltip.out {
  opacity: 0;
  margin-top: -20px;
}

#businessStats {
    margin: auto;
    width: 90%;
    height:auto;    
    padding-top:30px;

}

.column {
		width: 20%;
		float: left;
		padding-bottom: 100px;
	}
	.portlet {
		margin: 0 1em 1em 0;
		padding: 0.3em;
        -moz-border-radius:8px;
	    -webkit-border-radius:8px;
	    border-radius:8px;
	    border:1px solid #054C92;
        cursor:move;        
	}
	.portlet-header {
		padding: 0.2em 0.3em;
		margin-bottom: 0.5em;
		position: relative;
        background-color:#0066CC;
        -moz-border-radius:6px;
	    -webkit-border-radius:6px;
	    border-radius:6px;
	    border:1px solid #0A5EB3;
        color:#ffffff;        
        font-size:20px;
        font-weight:500;
        text-shadow:none;
	}
	.portlet-toggle {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -8px;
	}
	.portlet-content {
		padding: 1em;
        font-size: 24px;
        color:#054C92;
        text-align:center;
        font-weight:bold;
        background-color:#B9DCFE;
        width:auto;
        -moz-border-radius:6px;
	    -webkit-border-radius:6px;
	    border-radius:6px;
	    border:1px solid #B9DCFE;
	}

.contentHeader {
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #0066CC;
    /*padding: 3px 0 3px 10px;*/
    font-weight:600;
}

.contentHeaderSide {            
    background-color: #0066CC;
    padding: 3px 0 3px 5px;
}

/**********CSS for Footer ***********/

footer
{
	height:30px;
	color:#FFF;
	font-size:11px;
	background-color:#0066CC;
	float:left;
	width:100%;	
}

footer .text
{
	padding-top:8px;
}


/**********************************************/
/******** CSS for Checkbox and Radio Button ***/
/**********************************************/
.panel-headingC
{
    background-color:#0066CC;  /* To Change */  
    padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;
    color:#ffffff;  
}
.checkbox {
  padding-left: 20px; }
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
    padding-left: 5px; }
    
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 0px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 5px;
  padding-top: 2px;
  font-size: 11px;
  color: #555555; }
      
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
    z-index: 1; }
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 0px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
        cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #01386E; /* To Change */
  border-color: #01386E; } /* To Change */
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.first-radio {
    margin-left:10px;
}
.radio {
  padding-left: 20px; }
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
    padding-left: 5px; }
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 14px;
  height: 14px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
  opacity: 0;
    z-index: 1; }
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
      transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }


.totalCount {            
    padding:6px;
    font-size:18px;
    background-color:#fcb60e;
    border:dashed 1px #ce9306;
    margin-right:10px;
    margin-bottom:5px;
    display:block;
    color:#ffffff;
    border-radius:2px;
}
.activeCount {            
    padding:6px;
    font-size:18px;
    background-color:#77b300;
    border:dashed 1px #446600;
    margin-right:10px;
    margin-bottom:5px;
    display:block;
    color:#ffffff;
    border-radius:2px;
}
.pendingCount {            
    padding:6px;
    font-size:18px;
    background-color:#ff66cc;
    border:dashed 1px #ff1ab3;
    margin-right:10px;
    margin-bottom:5px;
    display:block;
    color:#ffffff;
    border-radius:2px;
}
.rejectedCount {            
    padding:6px;
    font-size:18px;
    background-color:#ff3300;
    border:dashed 1px #801a00;
    margin-right:10px;
    margin-bottom:5px;
    display:block;
    color:#ffffff;
    border-radius:2px;
}

.TopPadding {
    padding-top:20px;
}

.odd {
    background-color: #e7f8fe !important;
}
.even {
    background-color: #C5EFFD !important;
}

@media screen and (max-width: 420px) {
    .radio-inline {
        width: 100%;
        display: block;
    }
}


/********************************************/
/******RESPONSIVE*****/
 	
@media only screen and (max-width: 768px)
{
.logo
{
	width:100%;
	text-align:center;		
	float:none;
}

#LeftContainer
{
	min-height:35px !important;	

}

#LeftMenuVertical
{
	display:none;
}	

.leftLink
{
	width:auto;				
	margin:auto;
	text-align:center;
}

#LeftMenuHorizontal
	{
		display:block;
		width:auto;
		
	}
	
#LeftMenuHorizontal a:link
{
	font-size:30px;
	color:#666;
	margin-right:10px;
}

#LeftMenuHorizontal a:hover
{
	color:#00F;
}	
	
#LeftContainer
{
	width:100%;
	padding:0;
	margin:0;
}
#RightContainer
{
	width:100%;
	padding:0;
	margin:0;
}
}

@media only screen and (max-width: 400px)
{
.logo
{
	width:100%;
	text-align:center;		
	float:none;
}

#LeftContainer
{
min-height:35px !important;	
}

#LeftMenuVertical
{
	display:none;
}


#headerRight
{
	float:none !important;
	margin:10px auto;
}

.specialicon
{
	float:none !important;
	margin:10px auto;
	width:auto;
}

#LeftContainer
{
	width:100%;
	padding:0;
	margin:0;
}
#RightContainer
{
	width:100%;
	padding:0;
	margin:0;
}

.resultBody
{    
    overflow-x: auto;
    display:block !important;
}


/* ghgghggggg */
.transact-option-area 
{
    width:310px;
    margin:auto;
    text-align:center;
}
.transact-option {
    float:left;
    margin-right:15px;
    width:140px;
    height:120px;
    margin-bottom:15px;            
}
.transact-option-last {
    margin-right: 15px;
}

.transact-option a i {
    font-size:36px;
    margin-top:15px;
    margin-bottom:10px;
}	

.transact-option a:link {
    height: 120px; 
    width: 140px;
    font-size:18px; 
    color:#000000;   
}


}

@media only screen and (max-width: 1280px) {

    body
    {	    
	    font-size:11px;	    
    }

    .totalCount {            
        padding:5px;
        font-size:14px;
        background-color:#fcb60e;
        border:dashed 1px #ce9306;
        margin-right:1px;
        margin-bottom:5px;
        display:block;
        color:#ffffff;
        border-radius:2px;
    }
    .activeCount {            
        padding:5px;
        font-size:14px;
        background-color:#77b300;
        border:dashed 1px #446600;
        margin-right:1px;
        margin-bottom:5px;
        display:block;
        color:#ffffff;
        border-radius:2px;
    }
    .pendingCount {            
        padding:5px;
        font-size:14px;
        background-color:#ff66cc;
        border:dashed 1px #ff1ab3;
        margin-right:1px;
        margin-bottom:5px;
        display:block;
        color:#ffffff;
        border-radius:2px;
    }
    .rejectedCount {            
        padding:5px;
        font-size:14px;
        background-color:#ff3300;
        border:dashed 1px #801a00;
        margin-right:1px;
        margin-bottom:5px;
        display:block;
        color:#ffffff;
        border-radius:2px;
    }

    .TopPadding {
            padding-top:5px;
        }

}