body,td{font-family:Arial,Helvetica,sans-serif;font-size:14px; margin: 2px 2px 2px 2px;}

input {background-color:#efefef;color:#888888;border:1px solid #CCCCCC;cursor: pointer;border-radius: .25rem;}
.btns {
	background-color:#f0f1f2;color:#000000;border:1px solid #444;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition-property: color, background-color, border-color, box-shadow;
	transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	transition-delay: 0s, 0s, 0s, 0s;
}
.btns:hover {
	color: #000;
	background-color: #f9fafb;
	border-color: #000000;
}
#wrap {
	text-align:center; 
}
#header2 {
	width:986px; height:85px; margin: 0 auto;
}
#head_center2 {
	width:100%; height:85px; padding:0 0 0 0; text-align:center;
	background: url(?xeiresource=xhtm/headerBanner.png) top left no-repeat;
}
#header #site-name {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 0px 235px; FONT: 0% arial; 
	COLOR: #ccc; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; 
	LETTER-SPACING: -0.05em; BORDER-BOTTOM-STYLE: none
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; } 
a:hover { text-decoration: underline; } 
img {  border-style: none; }

.FormGroupNameLabel {
	color:#2e6baa;
	font-size:large;
}

.pageStepTitle {
	color:#2e6baa;
	font-size:x-large;
}

.WizTabBtn {
	color:#2e6baa;
	display:table-cell;
	height:30px;
	vertical-align: middle;
	
	BACKGROUND: url(?xeiresource=xhtm/tabbg.png) #2e6baa repeat-x 0px 100%;
	width:200px;
}
.WizTabCol {
	color:#ffffff;
	BACKGROUND: url(?xeiresource=xhtm/tab-bg-off.png) #2e6baa repeat-x 0px 100%;
	width:200px;
	height:30px;
}
.WizTabColSel {
	color:#ffffff;
	BACKGROUND: url(?xeiresource=xhtm/tab-bg-on.png) #2e6baa repeat-x 0px 100%;
	width:200px;
	height:30px;
}
.WizTabBtnSel {
	color:#ffffff;
	display:table-cell;
	vertical-align: middle;
	background:#2e6baa;
	height:30px;
	width:200px;
}
.PayWizardSteps {
	border: 1px solid #2e6baa;
}
.buttonAddNewBottomOld {
	color:#ffffff;
}
.PayWizardPageBtnBack {
	color:#ffffff;
}
.PayWizardPageBtnNext {
	color:#ffffff;
}
.BDITSearchBtn {
	color:#ffffff;
}
.colAddButtonBottom2Old {
	color:#ffffff;
	height:29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width:119px;
}

.colAddButtonBottom22 {
	height:29px;
	width:119px;
}
.PayWizardPageBtnPrint {
	color:#ffffff;
}



.PayWizardPageBtnBackCol {
	color:#ffffff;
	height:29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width:119px;
}
.PayWizardPageBtnPrintCol {
	color:#ffffff;
	height:29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width:119px;
}
.PayWizardPageBtnNextCol {
	color:#ffffff;
	height:29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width:119px;
	text-align: middle;
}



.BDITSearchBtnCol {
	color:#ffffff;
	height:29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width:119px;
	text-align: middle;
}
.GridCellHeader {
		height:20px;
		background-color:#2e6baa;
		background:#2e6baa;
		color:#ffffff;
}

.GridCellHeader td {
		height:20px;
		background:#2e6baa;
		background-color:#2e6baa;
		color:#ffffff;
}

.GridCellHeaderLinkColContent0 a {
	color:#ffffff;
}

.CardSwipePopup{
	position:absolute;
    top: 30%;
    left: 60%;
    width:500px;
    height:300px;
    margin-top: 0px; 
    margin-left: -25em;
    border: 1px solid #ccc;
    background-color: #e6e6e6 !important;
    display:none;
    z-index:999999;
}

.CardSwipeSpan{
	position:absolute;
    top: 50%;
    left: 50%;
    width:500px;
    height:300px;
    margin-top: -280px; 
    margin-left: -25em;
    border: 1px solid #ccc;
    background-color: #e6e6e6 !important;
    display:none;
    z-index:999999;
}
/*.CardSwipePopup{
	background-color: #1C74BC;
	color:#FFFFFF;
	width:175px;
	height:30px;
	font-weight:bold;
	font-size:14px;
}*/
.CardSwipeCancel {
	color:#FFFFFF;
}	
.CardSwipeLabel {
	font-size: 20px;
}
.ShadowBackground {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-color:grey;
    opacity: 0.6;
    filter:alpha(opacity=80);
    z-index:999998;
}

.MainContainer{
	border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    position:relative;
    left: 20%;
    width:700px;
    z-index:999997;
   
}

/**Terminal management */
.TerminalManagementSteps {
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-top: 0px solid #ffffff;
	border-bottom: 1px solid #8c8c8c;
}

.TabColSel {
	color: white;
	width: 20%;
	height: 30px;
	border-bottom: 0px solid white;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-top: 1px solid #8c8c8c;
}

.TabColSelA {
	color: black;
	width: 20%;
	height: 30px;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-top: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
	background-color: #d7d7d7;
}
.EmvTerminalTabs {
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
}
INPUT.EMVSelectButton{
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 96%; BACKGROUND: #666; PADDING-BOTTOM: 1px; COLOR: #fff; PADDING-TOP: 1px
}
INPUT.EMVVerifyStatusButton{
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 96%; BACKGROUND: #666; PADDING-BOTTOM: 1px; COLOR: #fff; PADDING-TOP: 1px
}
INPUT.EMVRefreshConfigurationButton{
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 96%; BACKGROUND: #666; PADDING-BOTTOM: 1px; COLOR: #fff; PADDING-TOP: 1px
}
a.TerminalStep1{
	color:black;
	font-size:15px;
}
a.TerminalStep2{
	color:black;
	font-size:15px;
}
a.TerminalStep3{
	color:black;
	font-size:15px;
}
.iFrameHideDiv{
	font-size:10px;
}
#floater_in{
	position: fixed; 
	left: 0px; 
	top: -200px !important; 
	width:100%; 
	height:100%; 
	z-index: 10000;
}


.clickable {
	cursor: pointer;
}

.card-types {
	align-items: center;
	display: inline-flex;
	vertical-align: bottom;
	margin: -4px 0 -4px 0;
}

.card-types > img {
	width: 28px;
	padding: 0 1px;
}