@font-face {
    font-family: 'Happiness';
    src: url('../fonts/HappinessV.eot');
    src: url('../fonts/HappinessV.eot?#iefix') format('embedded-opentype'), url('../fonts/HappinessV.woff') format('woff'), url('../fonts/HappinessV.ttf') format('truetype'), url('../fonts/HappinessV.svg#glyphicons_halflingsregular') format('svg');
}

body {
	font-family: "Happiness", "Open Sans","Trebuchet MS",Verdana,Tahoma,sans-serif;
    display:inline-block;
	color:#005589;
	position: relative;
}

a{
    cursor:pointer;
    color:#005589;
    text-decoration:underline;
    font-size:14px;
}

a.md-default-theme:not(.md-button), a:not(.md-button) {
    color: #005589;
}

a.md-default-theme:not(.md-button):hover, a:not(.md-button):hover {
    color: #005589;
}

/*** Form Controls ***/

select{ 
   height: auto;
   width: 100%;
}

#LoginForm label{
    font-weight:500;
    min-width:330px;
}

input.input-validation-warning,input.input-validation-warning:focus{  
     outline: 0;  
    box-sizing: border-box;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
    border:1px solid #ff0000 !important;  
}

input.input-validation-warning:focus{   
    -webkit-box-shadow: inset 0 1px 1px rgba(255,0,0,.075), 0 0 1px rgba(255, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(255,0,0,.075), 0 0 1px rgba(255, 0, 0, 0.6);  
}

.text-danger{
    display:inline-block;  
    padding:0;
    margin-top:10px;
    color:#ff0000; 
}

input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],textarea,select{
    border:1px solid #9999cc;
    border-radius:8px;
	height: auto;
    line-height:18px;
    font-size: 14px;
    padding:12px 15px 10px;
} 

button
{	 
	font-size: 1.0em; 
	padding: 10px 25px 10px 20px; 
	color: #FFF;
	background-color: #005589;
	border-radius: 8px; 
	border: 0 none;
	cursor: pointer; 
}

.button2
{	 
	font-size: 1.0em; 
	padding: 10px 25px 10px 20px; 
	color: #005589;
	background-color: #fff;
	border: 1px solid #005589;
	border-radius: 8px; 
	cursor: pointer;
}

button[disabled] {
	background-color: #ddd;
	border: 0 none;
}
 
#LoginForm{ 
    display: inline-block;
    width: 100%; 
    border:1px solid #9999cc; 
    padding-bottom:30px;
}

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

.form-group{
    margin: 0 15px 15px 15px;
}

.form-textarea{
    width:100%;
    min-height:200px;
    border-color:#9999cc;
}
.form-50-percent{
    max-width:370px;
}

.form-action-controls{
    margin: 20px 0 0;
}

.form-action-controls a {
    margin: 0 0 0 35px;
}

.fieldset{
    display: inline-block;
    width: 100%;
    margin:0;
    background: #005589; /* For browsers that do not support gradients */    
    color:#fff;
    padding-left:10px;
}
.legend{    
    display: inline-block;
    color: #fff !important;
    line-height: 55px;
    font-size: 22px;
    border-bottom: none;
    margin-bottom:0;
}

/*** Circle Navigation ***/
a.circle-btn, a.circle-btn:hover{
    cursor:pointer;
    min-width:46px;
    min-height:46px;
    display: inline-block;
    text-align: center;
    font-size: 1.6em;
    text-decoration: none;
    line-height: 1.9em;
    color:#fff;
    font-weight:bold;
    margin-left:17px;
}

a.circle-btn:hover, a.circle-btn.current{
    background:url(../img/light-circle.png) 0 0 no-repeat;
}

a.circle-btn{
    background: url(../img/dark-circle.png) 0 0 no-repeat;
}

.menu-circles{
    width: 330px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.circle-controls{
    float:left;
    width:95px;
    margin:5px 0px 20px 15px;
    padding:3px;
} 

.title{
    width: 90px;
    font-size:0.8em;
    font-weight:bold;
    margin: 0 auto;
    display: block;
}

/*** Verification Page ***/
.visa-logo{
    float: right;
    display: block;
    margin: 25px 0 25px 25px;  
} 

.verified-by-row{
    width:100%;
    display:inline-block;
}

.blue-border{
    display:block;
    border:1px solid #9999cc;
    padding-bottom:30px; 
    box-shadow:4px 4px 10px #F6F6F6;
}

.orange-text{
    color: #ff9933;
}

/*** Confirmation Page ***/
.confirmation-results{
    display:inline-block;
    width:100%;
}

/*** Login Page ***/
.login-secure-form{
    max-width:800px;
    margin-bottom:30px; 
    border-color:#9999cc; 
}

.login-fgp-link{
    display:block;
    width:100%;
    margin:20px 35px;
}

.secure-login,.form-elements-fieldset{
    margin-top:15px; 
    margin-left:20px;
    margin-right:10px;
}

.login-btn {
    margin-top:25px;
}

.form-elements-fieldset{
    
}

.float-visa{
    float:right;
    margin-right:25px;
}

@media (max-width: 770px){

}
@media (max-width: 480px){
    .float-visa{
        float:left;
    }
    .container{
        width:100%;
        margin:0;
        padding:0;
    }
    .col-xs-12{
        padding:0;
    }
    form{  
        margin:0;
        padding:0;
    }
    .form-elements-fieldset .alert-danger{
        padding-left:20px;
    }
    .confirmation-container div div {
        padding: 15px 0 0;
        display: inline-block;
    }
    .form-50-percent {
        width: 100%;
    }
    .secure-login .col-sm-5{
        margin-top:15px;
    }
    .login-btn{

    }
    .alert-danger{   
		padding-right:105px; 
    }
    .login-fgp-link{  
        margin:10px 35px;
    }
    .form-elements-fieldset,.form-elements-fieldset select{
        margin-top:5px;
    }
}

.loginDiv {
	position: relative;
	top: 25px;
	z-index: 1;
}

.login-logo img {
	
	margin: auto;
	width: 50%;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
	color: black;
	background-color: #78B4C3;
}

.nav-pills > li.active > a:hover {
    background-color: #78B4C3;
    color: black;
}

.nav-pills > li > a{
	color: #fff;
	background-color: #005589;
	text-decoration: none;
}

.nav-pills > li > a:hover{
	color: #fff;
	background-color: #005589;
	text-decoration: none;
}

.verticalNav{
	overflow: hidden !important;
	margin: 10px;
}

.ccOnly
{
    display: inline;
}
.ccOnly img
{
    width:70px;
    height:60px;
}

html, body {
	height: 100%;
	width:100%
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px;
	width:100%
}

.head{
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}

fieldset[disabled]{
    cursor: not-allowed;
}

.cc-list[disabled]{
    cursor: not-allowed;
}

.cursorNotAllowed{
    cursor: not-allowed;
}

.payProcessed{
	background-color:#005589;
	color:#fff;	
}

.payUnProcessed{
	background-color:#dddddd;
	color:#6a6a6a;
}

.pad{
	margin:auto;
}

.pad > div {
	border-right:2px solid #fff;
}
.md-primary .md-button{
	font-size: 1.0em; 
	padding: 10px 25px 10px 20px; 
	color: #FFF;
	background: url(../img/btn-bg.jpg) 0 0 repeat; 
	border: 0 none;
	border-radius: 8px; 
	cursor: pointer;
}

#loader {
    background: #fff no-repeat scroll left top;
    padding: 40px 24px;
    position:fixed;
    top: 50%;
    left: 50%;
    z-index:1032;
    border: 2px solid #005589;
    border-radius: 10px;
    display: block;
	margin:-50px -90px;
}

#loader img{
	display: block;
    margin:0 auto
}

#overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
   	top: 0px;
   	background-color:#000;
   	opacity: .75;
   	z-index:1031
}

.grid {
  width:1100px;
  height: 100px;
}

.has-feedback .form-control-feedback{
	top:29px;
	right:20px;
}

.ui-widget-header{   
   border: 1px solid #005589 !important;
   background: #005589 !important;
   color: #FFF !important;
 }
 
.ui-state-hover{
 	background: #005589 !important;
 	color: #FFF !important;
}
 
.ui-widget-header .ui-icon
{
    background-image: url(../img/ui-icons_ffffff_256x240.png) !important;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.dataTables_scrollHead, .dataTables_scrollBody {
	width: auto !important;
}

.gridcontainer {
	width:auto;
}

.button.filter {
	margin: 25px 0 0 0;
}

#error-panel {
	margin: 20px 0 0 0;
}

html.md-default-theme, html, body.md-default-theme, body {
    background-color: #FFF;
}

.footer {
	min-height: 50px;
}

#footercopy {
	font-size: 12px;
	line-height: 15px;
	position: absolute;
	left: 10px;
	top: 10px;
}

#footercopy a {
	font-size: 12px;
}

#footercopy img {
	float: left;
	margin-right: 10px;
}

#footersocial {
	position: absolute;
	right: 10px;
	top: 8px;
}

#footersocial a {
	border: 0;
	text-decoration: none;
}

#mobileFooter {
	font-size: 12px;
	text-align: center;
}

a.close {
	color: inherit;
	text-decoration: none;
}

#pwdchange-alerts {
  padding-left:285px;
}

.help-block {
	color: red;
	font-size: 12px;
}

span.help-block {
	color: #737373;
	font-size: 12px;
}

input[type=checkbox].has-error, input[type=email].has-error, input[type=number].has-error, input[type=password].has-error, input[type=text].has-error, input[type=tel].has-error, input[type=url].has-error, select.has-error {
	border: 1px solid red;
}

.ams-button {
	border: 1px solid #9999cc;
	border-radius: 8px;
	height: auto;
	line-height: 18px;
	font-size: 14px;
	padding: 12px 15px 10px;
}

.paymentButton {
  border: 1px solid #738CBD;
  padding:5px;
  display:inline;
  width:125px;
  cursor:pointer;
  background-color: #738CBD;
}

.pay-row {
  background-color: #ccc;
  border:1px solid green;
}

select:disabled, select[disabled] {
    background-color: #eee;
}

.blue-border.confirmation-results.clearfix {
	background-color: #fff;
}

table.dataTable th, table.dataTable td {
	white-space: nowrap;
}

.filterSeparator {
	border-top: 1px solid #9999cc;
}

.makePayImg {
	width: 100%;
}

.filterToggles {
	line-height: 55px;
	margin-right: 10px;
}

.filterToggles a, .filterToggles a:hover {
	color: #fff;
	
}

.requiredAsterisk {
	color: #FF0000;
	font-weight: bold;
}

/* Fix navbar not collapsing on iPad */
@media (max-width: 1100px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.collapsedNav p {
	display: inline;
	font-size: 14px;
	position: relative;
	top: 14px;
}

.collapsedNav img {
	position: relative;
	top: 5px;
}

#switchLink {
	text-align: right;
}

#switchLink a {
	font-size: 10px;
}

#switchLinkMob {
	margin-top: 20px;
	text-align: right;
}

#payForm h4, 
#addOrEditPaymentMethodForm h4, 
#addOrEditIssuanceRuleForm h4, 
#addOrEditRedemptionRuleForm h4,
#addOrEditProductForm h4,
#buyGiftTransferRuleForm h4,
#addOrEditCrossBrandForm h4{
	border-bottom: 1px solid #78B4C3;
	color: #78B4C3;
	font-weight: bold;
	margin: 25px;
	padding: 0 0 5px 0;
}

#refundPaymentForm h4, #transDetailForm h4, #paymentMethodDetailForm h4 {
	border-bottom: 1px solid #78B4C3;
	color: #78B4C3;
	font-weight: bold;
	padding: 0 0 5px 0;
}

hr {
	border-top: 1px solid #78B4C3;
	margin: 25px;
}

#refundPaymentForm hr {
	margin: 0px;
	padding-bottom: 10px;
} 

ul.refundList {
  list-style: none;
  margin: 10px 0 10px 0;
  padding: 0;
}

.pinlessOptions {
	background-color: #ffffa5;
	border-radius: 8px;
	border: 1px solid #9999cc;
	margin: 10px;
	padding: 10px;
}

.popover {
	margin-top: 10px;
	min-width: 450px;
}

.glyphicon-info-sign, .glyphicon-plus-sign, .glyphicon-minus-sign, .glyphicon-eye-open, .glyphicon-eye-close {
	color: #005589;
}

.glyphicon-alert {
    color: red;
}

.glyphicon-warning-sign {
    color: orange;
}

.printEmailGlyphs {
	float: right;
}

.printEmailGlyphs a, .printEmailGlyphs a:hover {
	color: inherit;
	font-size: 24px;
}

.printEmailGlyphs span {
	margin: 15px 10px;
}

h1, h2, h3, h4, h5, h6 {
	color: #78B4C3;	
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6, .legend {
	font-family: "Happiness", "Open Sans","Trebuchet MS",Verdana,Tahoma,sans-serif;
}

label.noBold {
	font-weight: normal !important;
}

.btn-group>button.btn, .btn.primary {
	font-size: 1.0em; 
	color: #FFF;
	background-color: #005589;
	border: 0 none;
	cursor: pointer; 	
}

td>button.btn, .btn-primary, .btn-primary:hover {
	font-size: 1.0em; 
	color: #FFF;
	background-color: #005589;
	border: 0 none;
	cursor: pointer; 	
}

.alert-danger>p {
	display: inline;
}

.alert-glyphicon {
	color: #a94442;
}

@media (min-width: 768px) {
	.channelConfigButtons {
		margin-top: 150px;
	}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.navbar-header {
	text-align: center;
}

.navbar-header img {
	float: left;
}

.headerText {
	display: inline;
	float: right;
	position: absolute;
	right: 0;
	top: 0px;
	vertical-align: middle;
}

.navbar-nav a, .nav.navbar-nav li a:hover {
	text-decoration: none;
}

.md-button {	 
	color: #FFF;
	background-color: #005589;
    text-align: center;
	text-transform: none;
}

uib-dropdown .md-button {
	text-align: center;
}

md-card {
	border-bottom: 3px solid #005589;
}

.md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
	background-color: #005589;
}

md-card-content p {
	margin: 0;
}

.panel-default > .panel-heading {
	background-color: #fff;
}

.panel-heading a, .panel-heading a:hover {
	color: #005589;
	font-weight: bold;
	text-decoration: none;
}

.panel.panel-default {
	border: 0px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 0px;
}

.panel-default {
	box-shadow: none;
}

a[aria-expanded=true] .fa-chevron-right {
   display: none;
}
a[aria-expanded=false] .fa-chevron-down {
   display: none;
}

.progress {
	height: 30px;
}

.progress-bar-timeout-progress {
	background-color: #005589;
}

.progress-bar-timeout-progress p {
	font-size: 14px;
	margin-top: 5px;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.noLeftMargin {
	margin-left: 0px !important;
}

.noLeftPadding {
	padding-left: 0px !important;
}

.noRightMargin {
	margin-left: 0px !important;
}

.noRightPadding {
	padding-left: 0px !important;
}


/*nav bar styles*/
.velanav .navbar-default {
  background-color: #005589;
  border-color: #78B4C3;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover{
	color: #fff;
    text-decoration: none;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #78B4C3;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #005589;
}
.navbar-default .navbar-toggle {
  border-color: #78B4C3;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #78B4C3;
  border-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    transition: 0.4s;
}

.navbar-default .navbar-toggle:hover .bar1,
.navbar-default .navbar-toggle:focus .bar1 {
    -webkit-transform: rotate(-90deg) translate(-5px, 9px);
    transform: rotate(-90deg) translate(-5px, 9px);
}

.navbar-default .navbar-toggle:hover .bar2,
.navbar-default .navbar-toggle:focus .bar2 {
    -webkit-transform: rotate(-90deg) translate(1px, 1px);
    transform: rotate(-90deg) translate(1px, 1px);
}

.navbar-default .navbar-toggle:hover .bar3,
.navbar-default .navbar-toggle:focus .bar3 {
    -webkit-transform: rotate(-90deg) translate(7px, -7px);
    transform: rotate(-90deg) translate(7px, -7px);
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #78B4C3;
  }
}

/* footer styles */
.footer .navbar-text{
	color:#000;	
}
.socialElement {
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
    white-space: normal;
}
.footer .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.fb{
	background-color: #3b5998;
}
.twitter {
    background-color: #55acee;
}
.linkedin {
	background-color: #0077b5;
}
.googleplus {
	background-color: #dd4b39;
}
.socialElement__icon{
	display: inline-block;
    max-width: 100%;
}
.socialElement__icon .fa {
    color: #fff;
    font-size: 20px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    width: 39px;
}

label {
    color: #005589;
	white-space: nowrap;
}

label.wrap {
	display: block;
	margin-left: 20px;
	white-space: normal;
}

label.noMarginWrap {
	display: block;
	margin: 0;
	white-space: normal;
}

.mobileFilterToggles {
	line-height: 55px;
	text-align: right;
}

.mobileFilterToggles a, .mobileFilterToggles a:hover {
	color: #005589;
	text-decoration: underline;
}

.mobileFilterToggles a i {
	margin-left: 5px;
	margin-right: 10px;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

#loyaltyAgreementInd {
	float: left;
	margin-right: 5px;
}

@media only screen and (max-width: 767px) {
	.button, .button2 {
		margin-bottom: 10px;
	}
	
	.btn-group {
		display: inline-block;
		float: none;
		width: 100%;
	}
	
	.blockBtn {
		display: block;
		width: 100%;
	}

	.blockBtn + .blockBtn {
		margin-top: 5px;
	}

	input[type="submit"].blockBtn,
	input[type="reset"].blockBtn,
	input[type="button"].blockBtn {
		width: 100%;
	}
}

input[type=checkbox] {
	float: left;
	margin-right: 5px;
}

@media only screen and (max-width: 767px) {
	ul.dropdown-menu > li.divider {
		margin-left: 25px;
		width: 80%;
	}
}

.timePicker {
    margin-top: -10px !important;
}

@media only screen and (max-width: 767px) {
    .timePicker {
        margin-top: 5px !important;
    }
}

td.form-group.uib-time.hours > input {
    margin-right: 5px;
}

td.form-group.uib-time.minutes > input, td.form-group.uib-time.minutes > input, td.uib-time.am-pm > button {
    margin-left: 5px;
}

td.uib-increment.hours > a > span, td.uib-decrement.hours > a > span,
td.uib-increment.minutes > a > span, td.uib-decrement.minutes > a > span  {
    color: #005589;
}

.dropdown-menu {
    z-index: 2;
}

.navbar-fixed-bottom {
    z-index: 0;
}

td.dataTables_empty {
    display: none;
}

.tabsdemoDynamicHeight md-content {
    background-color: transparent !important; 
}
.tabsdemoDynamicHeight md-content md-tabs {
    background: #f6f6f6;
    border: 1px solid #e1e1e1; 
}
.tabsdemoDynamicHeight md-content md-tabs md-tabs-wrapper {
    background: white; 
}
.tabsdemoDynamicHeight md-content h1:first-child {
    margin-top: 0; 
}

md-content {
	background: #fff;
	overflow: visible;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    background: #78B4C3;
	height: 5px;
}

md-tab-item.md-tab {
	color: #005589;
}

md-tab-item.md-tab.md-active {
	color: #78B4C3;
	font-weight: bold;
}

md-switch.md-checked > div.md-container > div.md-bar {
	background-color: rgba(120,180,195,0.5);
}

md-switch.md-checked > div.md-container > div.md-thumb-container > div {
	background-color: rgba(120,180,195,1.0);
}

md-switch.md-default-theme.md-checked.md-focused .md-thumb:before, md-switch.md-checked.md-focused .md-thumb:before {
	background-color: rgba(120,180,195,0.25)
}

p.pymtGtwyUsernameMobWrap, div.pymtGtwyUsernameMobWrap  {
	word-wrap: break-word;
}
table.dataTable tbody tr.currentSession-color, md-card.currentSession-color {
	background-color: #FFFFA5;
}
table.dataTable tbody tr.defaultSession-color, md-card.defaultSession-color  {
	background-color: #FFFFFF;
}

div.input-group-btn > button {
	border: 1px solid #9999cc;
    border-radius: 8px;
    height: auto;
    line-height: 18px;
    font-size: 14px;
    padding: 12px 15px 10px;
}

div.input-group > input#phone, input#mobile, input#fax {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-left: 0px solid #9999cc;
	position: unset;
}

div.input-group > input#mobile.borderFix {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

div.input-group-btn > ul {
	height: 250px;
	overflow: scroll;
	z-index: 1;
}

/* Browse button styling on Invoice File Upload screen */
span.btn.btn-default {
	padding: 12px 15px 10px; 
	color: #FFF;
	background-color: #005589;
	border-radius: 8px; 
	border: 0 none;
	cursor: pointer; 
}

/* Remove empty space from From Date dropdown on Invoice Summary screen */
div.input-group > div > ul.dropdown-menu {
	height: auto;
	overflow: auto;
}

/* Disabled To Date button styling on Invoice Summary screen */
span.input-group-addon#basic-addon1 {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 12px 15px 10px
}

/* Padding styling for From Date/To Date fields on Invoice Summary screen */
input#startDate.form-control,input#endDate.form-control {
	padding: 12px 15px 10px;
}

/* Breadcrumbs for invoice-enabled signup */

.breadcrumb {
	background: #005589;
    text-align: center;
	display: inline-block;
	margin: 0;
	overflow: hidden;
	border-radius: 5px;
	counter-reset: flag; 
}

.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	line-height: 36px;
	color: #fff;
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
	text-align:center;
	cursor: default;
}

.breadcrumb a:first-child {
	padding-left: 46px;
	border-radius: 8px 0 0 8px;
}
.breadcrumb a:first-child:before {
	left: 14px;
}
.breadcrumb a:last-child {
	border-radius: 0 8px 8px 0;
	padding-right: 20px;
}

.breadcrumb a.active, .breadcrumb a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
	color: #000;
}
.breadcrumb a.active:after, .breadcrumb a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}

.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px;
	width: 36px; 
	height: 36px;
	transform: scale(0.707) rotate(45deg);
	z-index: 1;
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.4), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
	border-radius: 0 5px 0 50px;
}

.breadcrumb a:last-child:after {
	content: none;
}

.breadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
}

.flat a, .flat a:after {
	background: #fff;
	color: #005589;
	transition: all 0.5s;
}
.flat a:before {
	background: #fff;
	box-shadow: 0 0 0 1px #005589;
	color: #005589;
}

.breadcrumb.flat a.active, .breadcrumb.flat > a.active:after, 
.breadcrumb.flat > a.active:hover, .breadcrumb.flat > a.active:hover:after {
	background: #78B4C3;
	color: #fff;
}
.breadcrumb.flat a:hover, .breadcrumb.flat a:hover:after  {
	background: #fff;
	color: #005589;;
}

/* End breadcrumbs for invoice-enabled signup */

div.input-group > div > ul.dropdown-menu {
	height: 300px;
	overflow: auto;
}

.btn-group-flex {
	display: flex;
}

span.glyphicon.white {
	color: #fff;
}

span.glyphicon.darkblue {
	color: #005589;
}

.deleteBtn {
	background-color: #f44336;
	color: fff;
}

ul.refundMethodList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.refundMethodList li {
	display: inline;
	margin: 0 5px;
}

ul.dropdown-menu li a {
	text-decoration: none;
}

ul.dropdown-menu li.deleteLink a {
	color: #f44336;
	font-weight: bold;
}

ul.dropdown-menu li.deleteLink a:hover,
ul.dropdown-menu li.deleteLink a:focus {
	color: #fff;
	font-weight: bold;
}

.col-xs-1, .col-xs-1point5, .col-sm-1, .col-sm-1point5, .col-md-1, .col-md-1point5, .col-lg-1, .col-lg-1point5, .col-xs-2, .col-xs-2point5, .col-sm-2, .col-sm-2point5, .col-md-2, .col-md-2point5, .col-lg-2, .col-lg-2point5, .col-xs-3, .col-xs-3point5, .col-sm-3, .col-sm-3point5, .col-md-3, .col-md-3point5, .col-lg-3, .col-lg-3point5, .col-xs-4, .col-xs-4point5, .col-sm-4, .col-sm-4point5, .col-md-4, .col-md-4point5, .col-lg-4, .col-lg-4point5, .col-xs-5, .col-xs-5point5, .col-sm-5, .col-sm-5point5, .col-md-5, .col-md-5point5, .col-lg-5, .col-lg-5point5, .col-xs-6, .col-xs-6point5, .col-sm-6, .col-sm-6point5, .col-md-6, .col-md-6point5, .col-lg-6, .col-lg-6point5, .col-xs-7, .col-xs-7point5, .col-sm-7, .col-sm-7point5, .col-md-7, .col-md-7point5, .col-lg-7, .col-lg-7point5, .col-xs-8, .col-xs-8point5, .col-sm-8, .col-sm-8point5, .col-md-8, .col-md-8point5, .col-lg-8, .col-lg-8point5, .col-xs-9, .col-xs-9point5, .col-sm-9, .col-sm-9point5, .col-md-9, .col-md-9point5, .col-lg-9, .col-lg-9point5, .col-xs-10, .col-xs-10point5, .col-sm-10, .col-sm-10point5, .col-md-10, .col-md-10point5, .col-lg-10, .col-lg-10point5, .col-xs-11, .col-xs-11point5, .col-sm-11, .col-sm-11point5, .col-md-11, .col-md-11point5, .col-lg-11, .col-lg-11point5, .col-xs-12, .col-xs-point5, .col-sm-12, .col-sm-point5, .col-md-12, .col-md-point5, .col-lg-12, .col-lg-point5 {
	padding-left: 5px;
	padding-right: 5px;
}

.btn.btn-default.splitButtonLeft{
	padding: 10px 25px 10px 20px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-right: 1px solid #fff;
}

.btn.btn-default.splitButtonRight {
	border-left: 1px solid #fff;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 10px;
}

.btn.btn-default.tblSplitButtonLeft {
	border-right: 1px solid #fff;
}

.btn.btn-default.tblSplitButtonRight {
	border-left: 1px solid #fff;
	padding: 0px 10px;
}

.visaCheckoutButton {
	max-width: 100%;
}

label.radio-inline {
	font-weight: bold;
}

/* Fix stacking of From Date/To Date on Invoice Summary screen */
div.input-group.filter {
	display: inline-table;
}

@media (max-width: 767px) {
	.payMethRadios label.radio-inline {
		display: block;
		margin-left: 0px;
	}
}

.dataTables_wrapper {
	overflow: auto !important;
}

.md-label > span {
	white-space: normal;
}

.navbar.navbar-default.navbar-fixed-bottom {
	background-color: #444444;
	color: #fff;
}

md-content.md-default-theme, md-content,
md-dialog.md-default-theme, md-dialog
{
    color: #005589;
}

.dropdown-menu > li > a
{
    color: #005589;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus 
{
	background-color: #78b4c3;
    color: #fff;
}

.dropdown-menu .divider
{
	height: 1px;
	background-color: #005589;
}

md-card md-card-title {
	color: #78b4c3;
}

md-card {
	color: #005589;
}

.ui-datepicker th {
	color: #005589;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #78B4C3;
}

.dataTables_wrapper > .dataTables_info, 
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #005589 !important;
	font-weight: bold;
}

.ui-invisible {
   display: none !important;
}

/* Add this id to something that would normally be visible when printing but you'd like it invisible. */ 
#termsOfUse, #privacyPolicy, #footersocial, #middot {
   display: none !important;
}

md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off, 
md-radio-button:not([disabled]).md-primary.md-checked .md-off, 
md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, 
md-radio-button:not([disabled]) .md-primary.md-checked .md-off, 
md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off, 
md-radio-button:not([disabled]).md-primary .md-checked .md-off, 
md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, 
md-radio-button:not([disabled]) .md-primary .md-checked .md-off, 
md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off, 
md-radio-group:not([disabled]).md-primary.md-checked .md-off, 
md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, 
md-radio-group:not([disabled]) .md-primary.md-checked .md-off, 
md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off, 
md-radio-group:not([disabled]).md-primary .md-checked .md-off, 
md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, 
md-radio-group:not([disabled]) .md-primary .md-checked .md-off {
    border-color: #78b4c3;
}

md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, 
md-radio-button:not([disabled]).md-primary .md-on, 
md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, 
md-radio-button:not([disabled]) .md-primary .md-on, 
md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, 
md-radio-group:not([disabled]).md-primary .md-on, 
md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, 
md-radio-group:not([disabled]) .md-primary .md-on {
    background-color: #78b4c3;
}
  
md-radio-button.md-default-theme.md-checked .md-off, 
md-radio-button.md-checked .md-off {
    border-color: #78b4c3;
}  

md-radio-button.md-default-theme .md-on, 
md-radio-button .md-on {
	background-color: #78b4c3;
}

div.highlightedText
{
	color: #f44336;
}

#agreeToPayAmount, #merchantInfo {
	display: none;
}