/*** Mobile CSS ***/

/* @media (min-width: 1200px) { */
/* 	#loginContent #mainContent input[type="text"], #loginContent #mainContent input[type="password"]{width:70%;} */
	
/* 	table.tablogin .loginButton {width: 70%;} */
/* } */

@media (max-width: 100%) {
html {height: auto; min-height:100%;}

#content h1 {font-size:18px;color:#000;font-weight:bold;}
#content h2 {font-size:14px;color:#119912;font-weight:bold;}
#content h3 {font-size:14px;;color:#000;font-weight:bold;}
#content h4 {font-size:12px;color:#000;font-weight:bold;}
#content h5 {font-size:12px;color:#119912;font-weight:bold;}
#content h6 {font-size:10px;color:#656462;font-weight:bold;}
		
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}

#topbar {font-size:0.625rem;color:#656462;font-weight:normal;text-align:left;vertical-align:top;margin-bottom: 5px;}

#topimg {width:100%;}
	#topimg img.logo {width:100%;}
	
#topimg2 {width:100%}
	#topimg2 img.logo {width: 100%;}
	
body.main {font-size:12px;font-family:Arial,Verdana,Tahoma,sans-serif;line-height:normal;text-align:left;color:#000;background:linear-gradient(to bottom, #000000, #1a2c42);background:-ms-linear-gradient(to bottom, #000000, #1a2c42);background:-moz-linear-gradient(to bottom, #000000, #1a2c42);background:-o-linear-gradient(to bottom, #000000, #1a2c42);background:-webkit-gradient(to bottom, #000000, #1a2c42);background-size:contain;}
body.popup {font-size:12px;font-family:Arial,Verdana,Tahoma,sans-serif;line-height:normal;text-align:left;color:#000;background-color:#ffffff;overflow-x:hidden;}

#wrap {height:auto;min-height:100%;position:relative;background-color:#fff;padding:10px 0px;border-radius:10px;}

/* Header */
#header {font-size:9px;color:#656462;position:relative;line-height:20px;width:100%;text-align:left;background-color:#ffffff;padding:5px 10px;border-top-left-radius:10px;border-top-right-radius:10px;}
	#header #logout {float:right;margin-bottom:5px;}	
	
/* Content */
#content {background:#ffffff;font-size:11px;color:#000;padding:0px 10px;width:100%;text-align:left;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#content #user {position:relative;margin:1px 15px 0 5px;padding:0 0 0px 8px;border-bottom:0px dotted #656462;background:#ffffff;text-align:left;height:auto;}
	#user .welcome {float:none;font-size:9px;display:inline-block;}
	#user .username {font-size:9px;}
	#user .actnumber {fight;padding:5px 0px 0px 0px;font-size:9px;}
	
#container {margin:auto;text-align:center;max-width:100%;min-width:100%;}

#header #logout {margin-bottom: 0;}
	#header #logout #logout_note {display: none;}

/* fullContent */
#content #fullContent {width:100%;display:inline-block;}
	#content #fullContent #sideContent {top:0;left:0;}
	#content #fullContent #mainContent {top:0;left:0px;background:#fff;border:0px solid #ccc;padding-bottom:30px;}
	#content #fullContent #mainContent select {white-space:pre-wrap;height:30px;vertical-align:center;}	

/** loginContent **/
#content #loginContent {margin:0;font-size:9px;}
#content #loginContent #sideContent {position:relative;float:left;width:100%;top:0;left:0;border: none; border-radius:10px;}
#content #loginContent #mainContent {width: 100%;padding: 0;}
	#loginContent #mainContent input[type="text"], #loginContent #mainContent input[type="password"] {width:90%;}
	#loginContent #mainContent input[type="submit"] {padding:0 10px;}

#content #loginContent #promoContent {width: 100%;background: #fff;border: 0px solid #ccc;;position: relative;text-align:right;}
	#content #loginContent #promoContent #promoNote2 {width: 100%;}
	#content #loginContent #promoContent #promoNote3 {width: 100%;}
	#content #loginContent #promoContent #veriIcon {position: relative;}

#content #halfContent {position:relative;margin-top:10px;min-height:400px;height:auto !important;height:400px;/* min-height for IE */background: url(../images/bg_landing.jpg) center bottom no-repeat;}
	#content #halfContent #sideContent {width:100%;top:0;left:0;}
	#content #halfContent #mainContent {top:0;left:0px;margin:0 0 0 10px;width:600px;background:none;border:0px solid #ccc;padding-bottom:30px;float:left;}
	#content #halfContent #mainContent .landinglogo {text-align:left;vertical-align:bottom;padding:50px 0 0 0;}


.bolder {font-size:11px;}
#impnotice {font-size:12px;margin-bottom:1rem;}
#tac input {font-size:9px;}

#notes p {text-align:justify !important;}
	
.footer .footer-note1 {text-align:center;}
.footer .footer-note1 .footer-right {float: none;}

table.tablogin {background:#fff;padding:1px;width:100%;border-spacing:1px;margin:0;height:100px;}
	table.tablogin td form table .right {direction:rtl}
	table.tablogin .loginAlert{text-align:justify;}
	table.tablogin .loginButton {width: 91%;}

	table.tabtrans th, table.tabtrans td {padding:7px 5px 7px 10px;}

div.sdmenu2 {font-size:11px;color:#000;font-weight:bold;width:100%;}

#sbox {width:100%;padding:0 0 0 0;border: 1px solid #c4c4c4; border-radius:10px;}
	#sbox #head {background:#f5f5f5;height:10px; padding:0;margin:0; border-radius:10px;}
	#sbox #body {background:#f5f5f5;padding:0 10px 10px 10px;font-size:9px;}
	#sbox #foot {background:#f5f5f5;height:9px;padding:0;margin:0;border-radius:10px;}

#btm {display:none;}
}

@media (max-width: 430px) {
	#loginContent #mainContent input[type="text"], #loginContent #mainContent input[type="password"]{width:100%;}
	
	table.tablogin .loginButton {width: 100%;}
}

@media (max-width: 991px) {
	
	/*LOGIN START*/
	
	#container
	{
		margin: 0;
		text-align: center;
		max-width: none;
		min-width: 0px;
		height: 100%;
		width: 100%;
	}
	
	#content
	{
		padding:0px;
		width:100%;
	}
	
	#wrap
	{
		padding:0px;
		border-radius:0px;
	}
	
	#loginContent
	{
		margin-top:0px;
	}
	
	#loginContent #sideContent
	{
		position:relative;
		width:100%;
	}
	
	
	#header
	{
		width:100%;
		padding:0;
		border-radius:0;
	}
	
	#header #logout
	{
		top:auto;
		position:relative;
		right:10px;
	}
	
	#topimg2
	{
		width:100%;
		margin-left:0px;
		background-image:none;
		height:auto;
	}
	
	#topimg2 img
	{
		width:100%;
	}
	
	div.sdmenu2
	{
		width:100%;
	}
	
	div.sdmenu2 ul
	{
		margin: 10px 0px;
		padding:10px;
	}
	
	div.sdmenu2 ul li
	{
		display:inline-block;
		border-bottom:none;
		margin-bottom:5px;
		vertical-align:top;
	}
	
	div.sdmenu2 ul li a
	{
		font-size: 12px;
		padding: 10px;
		border: 1px solid #797979;
	}
	
	div.sdmenu2 ul li a:hover
	{
		text-decoration:none;
	}
	
	#topbar
	{
	margin:0px 0px 0px 10px;
	}
	
	.main-content-title
	{
		padding:0px 10px;
		margin-bottom:10px;
	}
	
	.main-content-title .title
	{
		font-size:20px;
		margin-bottom:10px;
	}
	
	.main-content-title h4
	{
		margin-bottom:10px;
	}
	
	.main-content-title b
	{
		font-size:12px;
	}
	
	#loginContent #mainContent
	{
		margin-left:0;
		width:100%;
	}
	
	
	#impnotice
	{
		padding:20px;
	}
	
	#loginContent #promoContent
	{
		position:relative;
		margin-left:0px;
		width:100%;
		float:none;
	}
	
	#sbox
	{
		width:100%;
		border-radius:0px;
		border-top:1px solid #c4c4c4;
		border-bottom:1px solid #c4c4c4;
		border-left:none;
		border-right:none;
	}
	
	#sbox #body
	{
		padding:20px 10px;
		font-size:12px;
		border:none;
	}
	
	#sbox #head,
	#sbox #foot
	{
		display:none;
	}
	
	#veriIcon
	{
		top:10px;
		left:auto;
		right:20px;
	}
	
	table.tablogin
	{
		font-size:12px;
		overflow:hidden;
	}
	
	table.tablogin .loginField
	{
		width:20%;
	}
	
	table.tablogin .loginInput
	{
		width:80%;
		padding-right:20px;
	}
	
	table.tablogin .loginRight
	{
		padding:10px;
	}
	
	table.tablogin .loginRight h3
	{
		font-size:14px;
		margin-bottom:10px;
	}
	
	table.tablogin .loginRight li
	{
		padding:5px 0px;
	}
	
	table.tablogin .loginRight a
	{
		font-size:12px;
	}
	
	table.tablogin td form table td
	{
		width:auto;
	}
	
	table.tablogin td table td input
	{
		width:90%;
		font-size:12px;
		padding:3px;
	}
	
	table.tablogin td table td select
	{
		width:90%;
		font-size:12px;
		padding:3px;
	}
	
	table.tablogin td table .btn-login
	{
		width:120px;
	}
	
	table.tablogin .loginRight 
	{
		display:none;
	}

	table.tablogin .loginRight-responsive
	{
		display:block;
	}
	
	table.tablogin .loginRight-responsive .loginRight
	{
		display:block;
		width:100%;
		padding: 10px 10px 15px 10px;
	}
	
	table.tablogin .loginAlert
	{
		margin-top:20px;
	}
	
	
	.footer
	{
		background-image:none;
		width:100%;
		margin:0;
		margin-bottom:10px;
		background:#EAEAEA;
	}
	
	.footer #links
	{
		display:block;
		padding-left:0px;
	}
	
	.footer a
	{
		display:inline-block;
		padding:10px;
		font-size:12px;
	}
	
	.footer #copyrights
	{
		position:relative;
		display:block;
		float:none;
		right:0px;
		text-align:center;
		padding:10px;
	}
	
	/*LOGIN END*/
	
	/*APPROVAL LANDING PAGE START*/
	
	#topimg
	{
		width:100%;
		margin-left:0px;
		background-image:none;
		height:auto;
	}
	
	#topimg img
	{
		width:100%;
	}
	
	#content #user
	{
		padding:10px;
		margin:0;
		border-bottom:none;
		height:auto;
	}
	
	div.sdmenu ul li
	{
		padding:0;
		border-bottom:0;
		border-right:none;
		margin-bottom:0px;
		float:none;
		background:none;
		min-height:0;
	}
	
	div.sdmenu ul li a img
	{
		height:15px;
	}
	
	div.sdmenu ul li a
	{
		background:none;
		min-height:0;
		padding:10px 20px;
		font-size:14px;
	}
	
	div.sdmenu ul li a:hover
	{
		background:none;
	}
	
	div.sdmenu ul li.selected 
	{
		border-bottom:0;
		border-right:none;
		padding:0;
		margin-bottom:0px;
		float:none;
		background:none;
		min-height:0;
	}
	
	div.sdmenu ul li.selected a
	{
		padding:10px 20px;
		background:none;
		min-height:0;
		font-size:14px;
		color:white;
	}
	
	div.sdmenu ul li.selected a:hover
	{
		background:none;
		color: #FFCC00;
	}
	
	.menu-btn-display
	{
		display:block;
		overflow:hidden;
	}
	
	.menu-btn
	{
		float:right;
		border:none;
		background:none;
		padding:10px 15px;
	}
	
	.menu-btn-img
	{
		width:25px;
	}
	
	.hamburger-nav-before
	{
		position: fixed;
		top: 0;
		width: 250px;
		height:100%;
		overflow:auto;
		transform: translateX(-250px);
		-webkit-transform: translateX(-250px);
		z-index: 1000;
		background:#4e4e4e;
	}
	
	.hamburger-nav
	{
		position: fixed;
		top: 0;
		width: 250px;
		height:100%;
		overflow:auto;
		z-index: 1000;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		transition:transform 0.5s;
		-webkit-transition:-webkit-transform 0.5s;
		background:#4e4e4e;
	}
	
	/* width */
	.hamburger-nav-before::-webkit-scrollbar {
		width: 5px;
	}

	/* Track */
	.hamburger-nav-before::-webkit-scrollbar-track {
		background: #f1f1f1; 
	}
	 
	/* Handle */
	.hamburger-nav-before::-webkit-scrollbar-thumb {
		background: #888; 
	}

	/* Handle on hover */
	.hamburger-nav-before::-webkit-scrollbar-thumb:hover {
		background: #555; 
	}
	
	.overlay-nav
	{
		position:fixed;
		top:0;
		bottom:0;
		right:0;
		left:0;
		z-index:500;
		display:none;
	}
	
	.overlay-nav-show
	{
		position:fixed;
		top:0;
		bottom:0;
		right:0;
		left:0;
		z-index:500;
		display:block;
	}
	
	#content #user .welcome
	{
		float:none;
		margin-bottom:10px;
		font-size:16px;
	}
	
	#content #user .username
	{
		font-size:16px;
	}
	
	#content #user .actnumber
	{
		float:none;
		font-size:10px;
	}
	
	#content #user .actnumber > a
	{
		float:right;
	}
	
	#content #halfContent
	{
		width:100%;
		background-size:100%;
	}
	
	#content #halfContent #sideContent
	{
		width:100%;
	}
	
	#content #halfContent #mainContent
	{
		width:100%;
		margin:0;
	}
	
	#content #halfContent #mainContent .landinglogo
	{
		padding: 50px 30px 0px 0px;
		text-align:right;
	}
	
	/*APPROVAL LANDING PAGE END*/
	
	/*APPROVAL PAGE START*/
	
	#fullContent
	{
		display:block;
	}
	
	#fullContent #sideContent
	{
		width:100%;
	}

	#fullContent #mainContent div h1
	{
		text-align:center;
	}
	
	#fullContent #mainContent div h2
	{
		padding:10px;
	}
	
	#fullContent #mainContent
	{
		width:100%;
		margin:0px;
	}
	
	/*APPROVAL PAGE END*/
	
	.nav-responsive-hide
	{
		display:none;
	}
	
	.website-view 
	{
		margin-top:30px;
	}
	
	#btm
	{
		width:100%;
		display:none;
	}
	
	body.main {overflow-x:hidden;}
	
	ul.previousNext {padding:10px 15px;}
	
	.table-slide {overflow:auto;}
	
	table.tabdata {width:100%;}
	
	table.tabdata th {padding:10px;}
	
	table.tabdata td {padding:10px;}
	
	table.tabdata .number,
	table.tabdata .action,
	table.tabdata .input,
	table.tabdata .fromAccount,
	table.tabdata .amount
	{
		width:auto;
		text-align:center;
		vertical-align:top;
	}
	
	.best-view-responsive {padding:10px;}
	
	
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
}

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

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

#securityQuestionRan{
	margin-bottom:10px;
}

.fraudBtn{
	display:block;
	margin-left:0px;
	margin-top:10px;
}

#buttons .button:disabled 
{
	color:lightgrey;
}

#buttons .button 
{
	color:black;
}