/******************************************************************************
    Page elements
******************************************************************************/

.clear {
    clear: both;
    content: "";
    display: block;
    height: 0em;
    line-height: 0;	
}
.video-container {
    display: none;
}
.video-iframe {
    height: 360px;
    width: 640px;
}
@media only screen and (max-width:639px) {
    .video-iframe {
        height: 202px;
        width: 360px;
    }
}
body,
ul,
li,
form,
div,
dl,
dt,
dd,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
fieldset,
input,
textarea,
select,
p,
blockquote,
th,
acronym {
    color: #444;
    font-family: arial, sans-serif;
    margin: 0em;
    padding: 0em;
    word-wrap: break-word;
}
body,
li,
div,
dl,
dt,
dd,
pre,
input,
textarea,
select,
p,
td {}
em {
    font-style: normal;
}
a {
    color: #0080b9 !important;
}
caption,
th {
    text-align: left;
}
ul {
    list-style: none;
}
li {
    padding-bottom: 5px;
}
fieldset,
img {
    border: 0em;
}
fieldset {
    float: left;
    width: 100%;
}

textarea {
    border: 1px solid #a0a1a3;
    font-size: .75em;
    line-height: 1.5625em;
    padding: 10px;
    width: 500px;
    height: 200px;
    resize: none;
}

textarea[id*="complex_dispute_comment"] {
    border: 1px solid #a0a1a3;
    font-size: .75em;
    line-height: 1.5625em;
    padding: 10px;
    width: 500px;
    height: 100px;
    resize: none;
}

select,
input[type="text"],
input[type="password"] {
    border: 1px solid #a0a1a3;
    font-size: .75em;
    line-height: 1.5625em;
    padding-left: 10px;
    display: block;
    float: left;
    height: 27px;
}

h1,
h2,
h3,
h4 {
    font-family: arial, sans-serif;
    font-style: normal;
    font-weight: bold;
}
h2 {
    clear: both;
    font-size: 1.8em;
    font-weight: 700;
    padding: 20px;
}
h3 {
    clear: both;
    margin: 0px;
    padding: 0px 0px 15px;
}
h4 {
    clear: both;
    margin: 0px;
    padding: 0px 0px 15px;
}
body {
    background: url("i/main-bg.jpg") repeat scroll center center rgba(0, 0, 0, 0);
    color: #4d4d4d;
    font-family: arial, sans-serif;
    font-size: 14px;
    height: auto;
    line-height: 1.334;
    margin: auto;
    min-width: 1000px;
    padding: 74px 0em 0px !important;
}

p  {
    padding-top: 5px;
    padding-bottom: 5px;
}

header .logo {
    display: block;
    float: left;
    height: 40px;
    margin-top: 15px;
    width: 174px;
}

header .right-logo {
    display: block;
    float: right;
    height: 40px;
    margin-top: 15px;
    width: 70px;
}

header:after {
    clear: both;
    content: "";
    display: block;
    height: 0em;
    line-height: 0;
}

header {
    background: none repeat scroll 0em 0em #fff;
    border-bottom: 1px solid #d3d4d6;
    font-family: arial, sans-serif;
    font-weight: bold;
    height: 73px;
    left: 0em;
    position: fixed;
    top: 0em;
    width: 100%;
    /* DO NOT CHANGE THIS.  IF THIS IS 100000 THEN IT OVERLAPS POPUPS. */
    z-index: 100;
}

header nav:after {
    clear: both;
    content: "";
    display: block;
    height: 0em;
    line-height: 0;
}

header nav {
    margin: 0em auto;
    position: relative;
    width: 1000px;
    height: 100%;
}

header .nav {
    float: left;
}

header .nav:after {
    clear: both;
    content: "";
    display: block;
    height: 0em;
    line-height: 0;
}

header .nav > li {
    border-left: 1px solid #d3d4d6;
    font-family: arial, sans-serif;
    font-weight: bold;
    float: left;
    height: 20px;
    outline: none;
    padding: 38px 10px 20px 10px;
    position: relative;
}
header .nav > li.last {
    border-right: 1px solid #d3d4d6;
}
header .nav > li > a,
header nav.subnav ul li > a{
    color: #77787b  !important;
    font-size: 1em;
    text-decoration: none;
}
header .nav > li > a:hover,
header nav.subnav ul li > a:hover{
    color: #0080b9   !important;
}
header .nav > li.selected > a,
header  nav.subnav ul li.selected > a {
    color: #0080b9   !important;
}
header nav.subnav {
    /*padding-left: 500px;*/
    height: auto;
}
header nav.subnav ul li {
    border-right: 1px solid #d3d4d6;
    font-family: arial, sans-serif;
    font-weight: bold;
    float: left;
    padding: 0px 10px;
}
header nav.subnav ul li:last-child {
    border: none;
}
header div.logout {
    float: right;
}
header div.menu-languages {
    float: right;
    background: transparent url("i/down.png") no-repeat 65px 3px;
    width: 100px;
}
header div.menu-languages ul {
    float: left;
    width: 100%;
}
header div.menu-languages ul li {
    float: left;
    cursor: pointer;
    border: 0;
    width: 100%;
    padding: 0 0 5px;
    text-align: left;
}
header div.menu-languages ul ul {
    background: #fff;
    display: none;
    padding: 10px;
    position: absolute;
    width: 70px;
    margin-top:5px;
    z-index: 100;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
a.header {
    color: #4d4d4d  !important;
}
.brand-banner {
    background: none repeat scroll 0em 0em #fff;
    border-top: 1px solid #d3d4d6;
    border-bottom: 1px solid #d3d4d6;
    padding: 10px 0 0px 0px;
    position: relative;
    text-align: center;
    height: 30px;
}
/*
.brand-banner .bottom-arrow-white {
    background: url("i/arrow-white.png") no-repeat scroll center 0em rgba(0, 0, 0, 0);
    height: 22px;
    left: 50%;
    margin-left: -150px;
    margin-top: 0px;
    position: absolute;
    width: 50px;
}
*/

section {
    background: #fff;
    clear: both;
    margin: 30px auto 0px auto;
    padding-bottom: 20px;
    width: 1000px;
}

article {
    border: 1px solid #ccc;
    margin: 0px 20px 20px;
    overflow: hidden;
    padding: 10px;
}

article form {
    display: inline;
}

table {
    border: 1px solid #ccc;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 14px;
    margin: 10px 0px;
    width: 100%;
}

td,
th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px;
}

table tr.slick-header-sortable th a {
    color: white !important;
    background: #2fa4d8;
    padding: 0;
    text-decoration: none;
}

.table_paging {
   float: left;
   margin: 5px 0px;
   font-size: 0.75em;
}
    
.table_paging span {
   display: inline;
   margin-right: 8px;
   vertical-align: middle;
}
.table_paging select.select {
    float: none;
    display: inline;
    height: 1.75em;
    font-size: 1em;
	width:56px;
}

.print-only {
    display: none;
}

a.table_sort_ascending {
    padding-right: 16px;
    background: url("i/up.png") no-repeat right center;
}
    
a.table_sort_descending {
    padding-right: 16px;
    background: url("i/down.png") no-repeat right center;
}

.slick-header-sortable .slick-sort-indicator-asc {
    background: url("i/up.png") no-repeat right center;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 0 0 4px;
    float: none;
    position: relative;
    top: 2px;
}

.slick-header-sortable .slick-sort-indicator-desc {
    background: url("i/down.png") no-repeat right center;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 0 0 4px;
    float: none;
    position: relative;
    top: 2px;
}


.table_sort_ascending
td:last-child,
th:last-child {
    border-right: none;
}

thead th {
    color: #FFFFFF;
    background-color: #2fa4d8;
    text-align: center;
}

tfoot tr.total {
    background: #2fa4d8;
}

tfoot td {
    color: #FFFFFF;
}

td span,
td a {
    display: block;
    padding: 0 5px 0 5px;
	white-space: pre-wrap;
}

.bold {
    font-weight: bold;
}

.right { 
    float: right;
}

.left { 
    float: left;
}

.red {
    color: red;
}

.pagination {
    margin: 5px;
    float: right;
}

.pagination ul {
    float: left;
}

.pagination ul li {
    margin: 0 0 0 5px;
    padding: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.pagination ul li.current-page {
    font-size: .75em;
    width: auto;
    vertical-align: top;
}
.pagination ul li span {
    padding: 1px 0 0 0;
}

.pagination ul li a {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
}

.pagination ul li a span {
    display: none;
}

.pagination ul li.first a {
    background:transparent url('i/icon-pagination-first.gif') no-repeat left center;
}

.pagination ul li.previous a { 
    background:transparent url('i/icon-pagination-previous.gif') no-repeat left center ; 
}

.pagination ul li.next a { 
    background:transparent url('i/icon-pagination-next.gif') no-repeat left center ; 
}

.pagination ul li.last a { 
    background:transparent url('i/icon-pagination-last.gif') no-repeat left center ;
}

.payment {
    position: relative;
    width: 100%;
}
.payment button {
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 12px;
}
.info-message {
    background-color: #eee;
    clear: both;
    margin-bottom: 10px;
    padding: 5px 8px;
}
.hide {
    display: none;
}

.texthidden {
    visibility: hidden;
}
.row {
    clear: both;
    overflow: hidden;
    padding: 0px 0px 10px;
}
.row.delete span.field{
    padding:0px!important;
}

.column-right .pepsi-account-nav-current-filters .content .row label{width:102px;}
.column-right .pepsi-account-nav-current-filters .content .row span.field{width:300px; padding-top:3px;}
.column-right .pepsi-account-nav-current-filters .content .row label + span.field span{width:300px;}

.search_module fieldset .row input#user\.management\.dashboard_structure-search_box\.field {width:160px;}
.row label {
    float: left;
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    width: 190px;
}

.phonelabel label {
    float: left;
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    width: 60px;
}

.emaillabel label {
    float: left;
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    width: 60px;
}

.payment-history .row label {
    width: 120px;
}

.row label + span {
    /*float: left; */
    padding-top: 5px;
}
.row label + span.field {
    float: left;
    padding-top: 0;
	white-space: pre-wrap;
}
.row label + span.field span {
    float: left;
    padding-top: 1px;   
}
.row input,
.row select,
.row textarea {
    float: left;
}
.row select {
    width: 173px;
    height:auto;
    padding:4px 3px 4px 5px;
}
.row input[type=radio],
.row input[type=checkbox] {
    margin: 3px;
    background:none;
}
.section {
    clear: both;
}
.disabled {
    color: #ccc;
}
ul.tabs {
    margin-left: 20px;
}
.tabs li {
    display: inline;
    list-style: none;
}
.tabs a {
    background: #fff;
    color: #000 !important;
    display: inline-block;
    padding: 5px 10px;
    /* text-decoration: none; */
}
.tabs a.active {
    background: #ccc;
    color: #000  !important;
}
footer {
    width: 1000px;
    margin: 4px auto;
}
footer .outer-content {
    background: none repeat scroll 0em 0em #fff;
}
footer .footer-content {
    font-family: arial, sans-serif;
    height: 95px;
    width: 1000px;
}
footer .footer-content ul.footer-nav > li {
    border-left: 1px solid #d3d4d6;
    float: left;
	height: 95px;
    padding: 0px !important;
}

footer .footer-content ul.footer-nav > li.copyright:hover,
footer .footer-content ul.footer-nav > li.address:hover {
    background: transparent;
}

footer .footer-content ul.footer-nav > li:hover {
    background: #0080b9;
}

footer .footer-content ul.footer-nav > li:hover a {
    color: #ffffff !important;
}

footer .footer-content ul.footer-nav > li:last-child,
.footer .footer-content ul.footer-nav > li:last-child {
    border-right: 1px solid #d3d4d6;
}

footer .footer-content ul.footer-nav > li:first-child,
.footer .footer-content ul.footer-nav > li:first-child {
    border: none;
}

footer .footer-content ul.footer-nav > li a {
    color: gray !important;
    font-size: 0.9375em;
    line-height: 20px;
}

footer .footer-content ul.footer-nav > li .footer-sub-nav {
    background: #0080b9;
    border-top: 1px solid #d3d4d6;
    bottom: 40px;
    display: none;
    left: 0em;
    padding: 15px 0em;
    position: fixed;
    width: 100%;
}

footer .footer-content ul.footer-nav li.copyright {
    width: 354px;
}

footer .footer-content ul.footer-nav li.aboutus {
    width: 124px;    
}

footer .footer-content ul.footer-nav li.legalterms {
    width: 139px;    
}

footer .footer-content ul.footer-nav li.feedback {
    width: 93px;    
}

footer .footer-content ul.footer-nav li.address {
    width: 132px;      
}

footer .footer-content ul.footer-nav li.privacy {
    width: 125px;
}

footer .footer-content ul.footer-nav li a,
footer .footer-content ul.footer-nav li span {
	display: block;
    margin: auto;
    max-width: 75%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
}

footer .footer-content ul.footer-nav li a {
	text-align: center;
}

footer .footer-content ul.footer-nav li span {
	font-size: 9px;    
}

footer .footer-content ul.footer-nav li.copyright span {
	max-width: 95%;
}

a.print-preview,
a.csv,
a.excel,
a.pdf {
    text-decoration: none;
}

form .top {
    padding-bottom: 15px;
}

.related {
    float: right;
    margin-right: 5px;
}

.required label span {
    background: url("i/required.png") no-repeat right top;
    padding-right: 10px;    
}

.required input,
.required textarea {
    background: #faffbd;
}

.required input[disabled],
.required textarea[disabled] {
    background: #ebebe4;
}

span.requiredIndicator {
    background: url("i/required.png") no-repeat left top;
    display: block;
    margin-top: 10px;
    padding-left: 15px;
}

div.hpf_module span.requiredIndicator {
     padding-bottom: 10px;
}

.required-list {
    background: url("i/required.png") no-repeat left top;
    padding-left: 10px;
}

div.slick-header-column[id*="dispute_reason"]{
    background: url("i/required.png") no-repeat right top #2fa4d8 !important;   
}

div.slick-header-column[id*="dispute_comment"]{
    background: url("i/required.png") no-repeat right top #2fa4d8 !important;   
} 

/******************************************************************************
    Module
******************************************************************************/

.module-login-image, 
.module-login-password {
    height:400px;
}

.module,
.module-login,
.module-fifty-fifty,
.module-tabs {
    border: 1px solid #ccc;
    clear: both;
    margin: 10px;
    overflow: hidden;
    padding: 5px;
}

.module-tabs div.grid {
    width: 868px;
}

.module-login .column-left,
.module-fifty-fifty .column-left,
.module-login .column-right,
.module-fifty-fifty .column-right {
    width: 49%;
    margin: 0 1% 0 0;
    float: left;
}

div.top,
div.bottom {
    float: left;
    width: 100%;
}

div.overview-account-balances div.content{
    width: 100%;
    float: left;
    margin-top: -20px;
}

div.buttons {
    margin: 20px 0;
    clear: both;
    padding-right: 26px;
}
.search_module div.buttons {margin:10px 0 0;}

.pepsi-account-nav h3 {
    padding-bottom: 0px;
}

div.pepsi-account-nav-readonly span.field span {
    margin-left: 0px;
}
 
.pepsi-account-nav fieldset div.buttons {
    margin: 0;
}

.pepsi-account-nav .row {
    padding-top: 5px;
    padding-bottom: 1px;
}

div[id*='child.account.navigator_list-filter_type'] {
   width: 550px;
}

.module-login,
.module.registration,
.module.warning,
.module.dispute_details {
    border: 0;
}

.registration input[type="text"], 
.registration input[type="password"] {
	width: 287px;
}

.registration p {padding: 0 0 20px;}

.module-login,
.module.registration {
    padding: 20px 10px 0 10px;
}

.module.warning {
    padding: 10px 10px 0 10px;
}

.module-login .column-left div.buttons {
    margin: 0 0 10px 0;
}

.module-login .column-left #login_link\.forgot_username {
    margin-bottom: 20px;
    display: block;
}

.module-login .download-link {
    display: block;
    font-size: 10px;
}

.module-login .powered-by {
    background: url("../i/logo-powered-by-persona.png") no-repeat;
    margin: 10px 0 0 65px;
    float: left;
    width: 282px;
    height: 34px;
    text-decoration: none;
}


/******************************************************************************
    Hierarchy
******************************************************************************/

.hierarchy-selected-account .row label {
    width: auto;
}

.hierarchy-selected-account .row label + span.field span {
    padding-top: 0;
    float: none;
}

.module.hierarchy-filter {
    border: 0;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.module.hierarchy-filter label {
    width: 100px;
}

.module.hierarchy-filter .field input {
    width: 190px;
}

.module.hierarchy-filter  .row {
    float: left;
    padding-top: 4px;
    width: 75%;
}

.module.hierarchy-filter  .buttons {
    clear: none;
    float: left;
    margin: 0;
    width: 25%; 
}

.module.hierarchy-filter  .buttons input[type="submit"] {
    background: #0080B9;

    color: #FFFFFF;
    margin: 4px 0 0 !important;
    padding: 3px 5px !important;
    text-decoration: none;
    font-size: 14px !important;
    line-height: 1.334 !important;
    cursor:pointer;
    height:27px;
}

.module.hierarchy-filter  .buttons input[type="submit"]:hover {
    background: #005580;
}

.module.hierarchy-filter .buttons input[type="submit"]:disabled {
    background: #a0a1a3;
    color: #000000;
    cursor: default;
}

.module .navigator_popin .field input {
	width: 485px; 
}

.module.navigator_popin  .row {    
    padding-top: 18px;    
	width: 90%;
}

.module.navigator_popin {
	clear: none;    
    margin: 0;
	width: initial;
    padding: 15px 4px;
	float: right; 
}

.module.navigator_popin  input[type="submit"] {    
	background: #0080B9;
    color: #FFFFFF;
    margin: 19px 8px 0 !important;    
    text-decoration: none;
    font-size: 14px !important;
    line-height: 1.334 !important;
    cursor:pointer;
    height:27px;
    padding: 3px 9px !important;    
}

.module.navigator_popin input[type="submit"]:hover {
    background: #005580;
}

.module.navigator_popin input[type="submit"]:disabled {
    background: #a0a1a3;
    color: #000000;
    cursor: default;
}

div.tree {
    width: 100%;
    float: left;
    height: 400px;
}

div.tree ul.fancytree-container {
    min-height: 400px;
    max-height: 400px;
}

div.tree ul.fancytree-container li {
    padding: 0;
}

div.tree,
div.tree ul,
div.tree ul li {
    word-wrap: normal;
	white-space: pre;
}

span.fancytree-node {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}

span.fancytree-node span.fancytree-title {
    display: inline;
}

span.fancytree-node.disabled,
span.fancytree-node.not-accessible {
    background-color: #ccc;
    border: 0;
    cursor: not-allowed;
    opacity: 0.5;
}

span.fancytree-node.disabled span.fancytree-title,
span.fancytree-node.not-accessible span.fancytree-title {
    cursor: not-allowed;
    border: 0;
}

span.fancytree-icon {
    position: relative;
}

span.fancytree-childcounter {
  color: #fff;
  background: #428BCA;
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 10px;
  height: 10px;
  line-height: 1;
  vertical-align: baseline;
  border-radius: 10px;
  padding: 2px;
  text-align: center;
  font-size: 9px;
}

span.fancytree-submatch,
span.fancytree-node.disabled.fancytree-submatch,
span.fancytree-node.not-accessible.fancytree-submatch {
     background-color: #e8dae3;
}

span.fancytree-match,
span.fancytree-node.disabled.fancytree-match,
span.fancytree-node.not-accessible.fancytree-match  {
     background-color: #d675b6;
}

.account-number-label {

}

.account-name-label {

}

.store-number-label {

}


/******************************************************************************
    Help
******************************************************************************/


.help {
    background: url("i/icon-help.png") no-repeat;
    cursor: pointer;
    float: left;
    height: 16px;
    width: 16px;
    margin: 2px 5px 0 5px;
}

.help-content {
    display: none;
}

.related-warning {
    background: url("i/icon-warning.png") no-repeat;
    cursor: pointer;
    float: left;
    height: 16px;
    width: 16px;
    margin:5px 0 0 -70px;
}

div[id*='child.overview.account.payment_structure-charge_terms_help'] .related-warning {
    background: url("i/icon-help.png") no-repeat;
    cursor: pointer;
    float: left;
    height: 16px;
    width: 16px;
    margin:5px 0 0 -70px;
}

/******************************************************************************
    Pagename/Heading
******************************************************************************/

.pagename-links {
    float: right;
    padding: 20px;
}

.pagename-links a {
    cursor: pointer;
    float: left;
    padding: 13px 13px 0 13px;
}

.pagename .account-header{
	white-space: pre-wrap;
}

.print-preview {
    background: url("i/icon-print.png") no-repeat;
}

.csv {
    background: url("i/icon-csv.png") no-repeat;
}

.excel {
    background: url("i/icon-excel.png") no-repeat;
}

.pdf {
    background: url("i/icon-pdf.png") no-repeat;
}

.pagename-container,
.heading-container {
    float: left;
    width: 100%;
}

h2.pagename,
h3.heading {
    float: left;
    width:80%;
}
h3.heading.collapsible.collapse{padding:10px; color:#fff}
h3.heading a{padding:0px;}
.module .heading-container h3.heading {width:92%!important;}
.module-fifty-fifty .heading-container h3.heading {width:96%; padding:5px 0 10px 0px}
.module-fifty-fifty .heading-container h3.heading a{padding:0px 0px 0px 10px;}
.heading a {
    float: right;
    font-family: arial, sans-serif;
    font-size: 0.9375em;
    font-weight: normal;
    line-height: 1.334;
    padding-right: 20px;
}

.heading-container .help {
    float: right;
}

.heading-container div .help {
    float: left;
}

.field {
    float: left;
}


/******************************************************************************
    Dialog Boxes
******************************************************************************/

.ui-dialog {
    max-height: 600px;
}

.ui-dialog .ui-dialog-content {
    max-height: 470px;
}

.ui-dialog  .ui-dialog-buttonpane {
    height: 42px;
}

.ui-dialog form fieldset label,
.ui-dialog form span.requiredIndicator {
    
}

/******************************************************************************
    Buttons
******************************************************************************/


.category-news-press-releases:last-child, .category-videos:last-child, .category-testimonials:last-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.category-news-press-releases {
    margin-bottom: 45px;
    padding-bottom: 30px;
}
.category-news-press-releases, .category-videos, .category-testimonials {
    background: url("images/hr-bdr.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    margin-bottom: 40px;
    padding-bottom: 20px;
}
body, table {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}
body {
}
* {
    margin: 0;
    padding: 0;
}
.buttons > a {margin: 0 10px 0 0;}

a.button,
a.button:active,
a.button:visited {
    background: #0080B9;
    border: 0;
    color: #FFFFFF  !important;
    cursor: pointer;
    font-size: 14px !important;
    height: 16px;
    margin: 10px 10px 10px 0px;
    padding: 10px;
    text-decoration: none;
}

a.button:hover {
    background: #005580;
    color: #FFFFFF  !important;
}

a.button:focus {
    background: #005580;
    color: #FFFFFF  !important;
    outline: rgb(77, 144, 254) solid 1px;
}

a.button:disabled {
    background: #a0a1a3;
    color: #000000  !important;
    cursor: default;
}

input[type="submit"],
input[type="submit"]:active,
input[type="submit"]:visited {
    background: #0080B9 url("i/arrow-white-small.png") no-repeat right 14px;
    border: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px !important;
    height: 36px;
    margin: 10px 10px 10px 0;
    padding: 6px 25px 6px 10px !important;
    text-decoration: none;
}

input[type="submit"]:hover {
    background: #005580 url("i/arrow-white-small.png") no-repeat right 14px;
    padding: 6px 25px 6px 10px !important;
    color: #FFFFFF;
}

input[type="submit"]:focus {
    background: #005580 url("i/arrow-white-small.png") no-repeat right 14px;
    padding: 6px 25px 6px 10px !important;
    color: #FFFFFF;
    outline: rgb(77, 144, 254) solid 1px;
}

input[type="submit"]:disabled {
    background: #a0a1a3 url("i/arrow-white-small.png") no-repeat right 14px;
    padding: 10px 25px 10px 10px !important;
    color: #000000;
    cursor: default;
}

a.button-collapse {
    background: url("i/icon-collapse.png") no-repeat;
    height: 12px;
    width: 12px;
    padding: 6px;
    display: inline-block;
    float: right;
}

a.button-expand {
    background: url("i/icon-expand.png") no-repeat;
    height: 12px;
    width: 12px;
    padding: 6px;
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}

a.button-collapse-navigator {
    background: url("i/icon-collapse.png") no-repeat;
    height: 12px;
    width: 12px;
    padding: 9px;
    display: inline-block;
    float: right;
}

a.button-expand-navigator {
    background: url("i/icon-expand.png") no-repeat;
    height: 12px;
    width: 12px;
    padding: 6px;
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}

/******************************************************************************
    Account navigator
******************************************************************************/

.row.info-message.contact-address {
    padding: 10px 0 0 10px;
    margin: 0;
}

.row.info-message.payment-details {
    padding: 10px 0 0 10px;
    margin: 0;
}

.pepsi-account-nav select {
    width: 235px;
    font-size:0.75em;
    height: 25px;
    padding: 4px 3px 4px 0px;
}

.pepsi-account-nav .multiselect  select {
    width: 201px;
}


.pepsi-account-nav-account-filter .heading .help {
    float: left;
}
.account-navigator-date {
    display: block;
}
input#child\.account\.navigator_list-filter_type_none {
    margin-left: 0px;
}
.pepsi-account-nav-payment-history-filters .account-navigator-radio {
    text-align: inherit;
}

.pepsi-account-nav-payment-history-filters .account-navigator-radio label {
    padding-top: 10px;
}

.account-navigator-radio.logic span {
    display: block;
    text-align: left;
    float: left;
}

.account-navigator-radio.logic span label {
    display: inline;
}

.account-navigator-radio.logic label span {
    float: none;
}

.account-navigator-radio span input,
.account-navigator-radio span label {
    float: none;
    vertical-align: middle;
}

.account-navigator-radio span label {
    width: auto!important;
}

div.pepsi-account-nav .row label{width: 120px;}

.account-navigator-date label {
    min-width: 37px;
}

.pepsi-account-nav-payment-history-filters .account-navigator-radio span label {
    padding-top: 5px;
    max-width: 50px;
    text-align: center;
}

.account-navigator-radio span label {
    margin-right: 10px;
}

.pepsi-account-nav-invoice-summary-filters  .account-navigator-date {
    display: block;
}
.pepsi-account-nav-invoice-summary-filters div#list-balance_filter {
    margin-bottom: 10px;
}

div#child\.account\.navigator_simple-single_value {
    margin-bottom: 8px;
}

.pepsi-account-nav-invoice-summary-filters .column-right label {
    width: 70px;
}
.pepsi-account-nav-invoice-summary-filters .column-right input {
    width: 107px;
}
.pepsi-account-nav-invoice-summary-filters .column-right input.hasDatepicker {
    width: 79px;
}

.pepsi-account-nav-account-filter,
.pepsi-account-nav-invoice-summary-filters,
.pepsi-account-nav-action-history-filters,
.pepsi-account-nav-statement-filters,                                                               
.pepsi-account-nav-payment-history-filters,
.pepsi-account-nav-account_changes-filters
{
    border: 0;
    margin: 0 0 10px;
    padding: 0;
}
.pepsi-account-nav .column-right {
    float: right;
}

.pepsi-account-nav .column-right .from,
#child\.account\.navigator_structure-single_date,
#child\.account\.navigator_simple-single_amount {
    padding-top: 30px;
}

.pepsi-account-nav-payment-history-filters .column-right .row label {
    width: 70px;
}

.pepsi-account-nav-payment-history-filters .buttons {
    padding-right: 23px;
}

.pepsi-account-nav-payment-history-filters .column-right input {
    width: 106px;
}

.pepsi-account-nav-payment-history-filters .column-right input.hasDatepicker {
    width: 79px;
}

.pepsi-account-nav .pepsi-account-nav-statement-filters select {
    width: 200px;
}

a.delete {
    background: url("i/icon-delete.png") no-repeat;
    float: left;
    padding: 10px;
    margin-left: 10px;
    margin-top: 6px;
}

.pending-changes {
    float: right;
    margin-left: 2px;
}

.pepsi-account-nav input[type="submit"] {
    float: right;
}

.pepsi-account-nav-invoice-summary-filters .buttons input {
    float: none;
}

.pepsi-account-nav-invoice-summary-filters .column-right .buttons {
    text-align: right;
    margin-bottom: 0px;
    margin-top: 0px;
}

.indent {
    margin-left: 40px;    
}


.indent_items label {
    display: block;
}

.indent_items label span {
    margin-left: 0px;
}

.indent_items span {
    
    margin-left: 40px;
}
.pepsi-account-nav .action_status_type {
    border: none;
    margin: 0;
    padding: 0;
    
}
.pepsi-account-nav .action_status_type .column-left {
    width: 39%;
    margin-right: 0;
}
.pepsi-account-nav .action_status_type .column-right {
    width: 60%;
    margin-right: 0;
    margin-top: 0px;
}

.pepsi-account-nav .action_status_type .column-left  label {
    width: auto;
}

.pepsi-account-nav .action_status_type .column-right  label {
    width: auto;
}

.pepsi-account-nav .action_status_type select#list-action_status {
    width: 110px;
}

.pepsi-account-nav-action-history-filters .account-navigator-radio {
    text-align: left;
}

.pepsi-account-nav-action-history-filters .account-navigator-radio label span {
    margin-left: 0px;
}

.pepsi-account-nav-action-history-filters .column-right .row {
    width: 100%;
    display: block;
}
.pepsi-account-nav-action-history-filters .column-right label {
    width: auto;
}

.pepsi-account-nav-action-history-filters .column-right label {
    width: 70px;
}
.pepsi-account-nav-action-history-filters .column-right input.hasDatepicker {
    width: 79px;
}

.pepsi-account-nav-action-history-filters .multiselect {
    margin-bottom: 8px;
}

.pepsi-account-nav-action-history-filters .field input {
    width:112px;
}

.pepsi-account-nav-current-filters .field span {
    width: 330px;
}


.pepsi-account-nav .heading-container {
    margin-bottom: 10px;
}


.module .heading-container h3.heading {
    display: inline;
    width: 92% !important;
}
.heading.collapsible.collapse {
    padding: 10px 0 10px 10px;
}
h2.pagename{padding:20px 0 10px 10px;}
h2.pagename, h3.heading {
    float: left;
    width: 80%;
}
h3 {
    clear: both;
    margin: 0;
    padding: 0 0 15px;
}
h1, h2, h3, h4 {
    font-family: arial,sans-serif;
    font-style: normal;
    font-weight: bold;
}
body, ul, li, form, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, fieldset, input, textarea, select, p, blockquote, th, acronym {
    color: #444;
    font-family: arial,sans-serif;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}
.header-collapsed {
    cursor: pointer;
}
body, ul, li, form, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, fieldset, input, textarea, select, p, blockquote, th, acronym {
    color: #444;
    font-family: arial,sans-serif;
    word-wrap: break-word;
}
body, ul, li, form, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, fieldset, input, textarea, select, p, blockquote, th, acronym {
    color: #444;
    font-family: arial,sans-serif;
    word-wrap: break-word;
}
body {
    color: #4d4d4d;
    font-family: arial,sans-serif;
    font-size: 14px;
    line-height: 1.334;
}
body, ul, li, form, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, fieldset, input, textarea, select, p, blockquote, th, acronym {
    color: #444;
    font-family: arial,sans-serif;
    word-wrap: break-word;
}
.pepsi-account-nav-current-filters .heading-container {margin: 0;}
.pepsi-account-nav-account_changes-filters .column-right label {width: 79px;}

.pepsi-account-nav-account_changes-filters .column-right input {
    width: 102px;
}

.pepsi-account-nav-account_changes-filters .column-right input.datepicker-input {
    width: 70px;
}

.pepsi-account-nav div#child\.account\.navigator_simple-single_value input {
    width: 224px;
}
.pepsi-account-nav div.buttons {
    padding-right: 29px;
    margin: 0;
}

.column-left .pepsi-account-nav-find_account {
	border: none;	
	padding: 0 0 0 247px;	
}

.navigator_popin_heading  .heading-container  h3.heading{
	width: 13% !important;
}

.navigator_popin_heading  .heading-container  .help{
	float: left;
}

/******************************************************************************
    Registration
******************************************************************************/

.pc-not-recognized label {
    width: 150px;
}

.security-categories {
    background: #ccc;
    font-weight: bold;
    padding: 20px 20px 20px 40px;
}

.security-categories a {
    padding: 10px;
}

.security-thumbnails {
    background: #a0a1a3;
    border-radius: 10px;
    padding: 20px 20px 20px 32px;
    margin: 20px;
}

.security-thumbnails img {
    border: 1px solid #FFFFFF;
    cursor: pointer;
    height: 75px;
    width: 75px;
    margin: 10px;
}

.security-image img {
    height: 240px;
    width: 240px;
}

img#img-security_image,
img#img-security_image_preview {
    height: 200px;
    width: 200px;
    margin: 10px 0 10px 86px;
}

select.secret-question,
.secret-answer input{width: 300px;}

.secret-answer input{width:288px;}

select.secret-question,
.ui-dialog select.secret-question {
    background: none;
    padding-left: 10px;
}

.registration span.terms {
    border: 1px solid #ccc;
    display:block;
    height: 300px;
    margin: 10px;
    padding: 10px;
    overflow:auto;
}


.registration label[for="user.creation.completion_list-accept_terms_yes"],
.registration label[for="registration.self_list-accept_terms_yes"] {
    width: auto;
}

.checklist {
    background: url("i/icon-checked.png") no-repeat left 5px;
    padding:3px 0 10px 20px !important;
}


/******************************************************************************
    Profile
******************************************************************************/

.profile h3.heading {
    width: 90%;
}

.profile .heading a {
    padding-right: 0;
}

.profile-secret-questions label {
    width: auto;
    padding-top: 0px;
}

.profile-contact label[for="profile.contact_list-notification_type_readonly_item_by_sms"],
.profile-contact label[for="profile.contact_list-notification_type_readonly_item_by_email"] {
    width: auto;
}

.module_contact_info fieldset.content div[id*='list-notification_type'] label {
    width: auto;
    min-width: 100px;
    padding-right: 11px;
}

.module_contact_info fieldset.content div[id*='list-notification_type'] label:first-child {
    width: 190px;
    padding-right: 0px;
}

.module_contact_info input {
    width: 161px;
}

.permissions-dialog .row input[type=checkbox] {
    clear: both;
}

.permissions-dialog .row label{width:90%;}

img.permissions-link {
    margin:0px 0px 0px 43px
}

.profile-security_image img#img-security_image {
    margin: 10px 0 10px 86px;
}

.dialog .module-login.registration {
    margin: 0;
    padding: 0;
}

.dialog .module-login.registration .column-left {
    width: 58%;
}

.dialog .module-login.registration .column-right {
    width: 40%;
}

.dialog .module-login.registration  .security-categories a {
    outline: none;
}

.dialog .module-login.registration img#img-security_image_preview {
    height: 200px;
    width: 200px;
    margin: 10px 0 10px 30px;
}

.ui-widget select {
    font-size: .75em;
}

.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button {
    font-family: arial, sans-serif;
}

/******************************************************************************
    Account Access
******************************************************************************/

.account-access .module {
    border: 0;
}

.account-access .module select {
    width: 210px;
}

.account-access .module label {
    width: 100px;
}

.account-access .module .registered_users {
    margin-bottom: 20px;
}

#complex-assigned_accounts_create textarea {
   width: 390px;    
    overflow: scroll;
  
   background: none;
}

#complex-assigned_accounts_update textarea {
   width: 390px;    
    overflow: scroll;
  
   background: none;
}


/******************************************************************************
    Messages
******************************************************************************/

div.message {
    clear: both;
    margin: 10px;
}

div.message span.message-header {
    display:block;
    font-weight: bold;
    font-size: 14px;
}

div.message span.message-body {
    display:block;
}

div.message span.message-text {
    display:block;
    padding: 5px;
}

.message-body div.message span.message-text {
    font-size: 14px;
    font-weight: normal;
}

div.message.message-success {
    border: 1px solid #0acd0a;
    border-radius: 5px;
    background: #f1feec;
    color: #0acd0a;
}

div.message.message-error {
    border: 1px solid #cd0a0a;
    border-radius: 5px;
    background: #fef1ec;
}

div.message.message-error,
div.message.message-error ul,
div.message.message-error ul li {
	color: #cd0a0a;
}

div.message.message-error ul.err-msgs {
	list-style-type: disc;
    padding-left: 40px;
}

div.message.message-info,
div.message-warning {
    border: 1px solid #cb8129;
    border-radius: 5px;
    background: #ffddb5;
    color: #cb8129;
}

div.message-warning {
    margin-bottom: 5px;
}

div.message-warning label {
    margin: 5px 5px 0 5px;
    display: inline-block;
    width: auto;
}

div.message-warning a {
    margin: 5px 0 0 5px;
    display: inline-block;
    float: none;
}

.qtip-error {
    background-color: #F78B83;
    border-color: #D95252;
    line-height: 1.334;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.qtip-error div.qtip-content {
    color: #912323;
    padding: 2px 4px;
}


.popin {
    padding-right: 20px !important;
    background: url('i/pepsi popin icon.png') no-repeat right 1px !important;
}

/******************************************************************************
    Slickgrid
******************************************************************************/

div.grid {
    width: 100%;
    margin: 20px 0 20px 0;
}

.ui-state-default.slick-header-column {
    color: #FFFFFF;
    background: #2fa4d8;
    font-weight: bold;
}

table.table {
    clear: both;
    width: 100%;
}

table td.amount,
table td .amount {
    text-align: right;
}

div.tab-content {
    overflow: scroll;
}

.no_scroll div.tab-content {
    overflow: auto;
}

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

td.center {
    display: table-cell;
}

.amount {
    text-align: right;
    white-space: nowrap;
}

.collapse_spacer {
    display: inline-block;
    width: 27px;
    float: left;
    height: 20px;
}

.slick-viewport a {
    color: #0080b9 !important;
}

.img_collapse {
    padding-right: 4px;
    height: 20px;
    display: inline-block;
}

.img_expand {
    padding-right: 4px;
    height: 20px;
    display: inline-block;
}

.slick-viewport .slick-cell.subtotal.label {
    text-align: right;
}

.slick-viewport .slick-cell.subtotal {
    color: #000;
}

.slick-viewport .slick-cell.total.label {
    text-align: right;
}
.slick-viewport .slick-cell.total {
    background: #2fa4d8;
    color: #000;
}

.slick-viewport a {
    padding: 0;
}

table.activity-details td a {
    margin-right: 5px;
}

.activity-details td span {
    display: inline-block;
}

table.transaction-details td a {
    margin-right: 5px;
}

.transaction-details td span {
    display: inline-block;
}

table.user-search_details td a {
    margin-right: 5px;
}

.user-search_details td span {
    display: inline-block;
}

table.invoice-summary-open td a {
    margin-right: 5px;
}

table.invoice-summary-open td a {
    margin-right: 5px;
}

table a, .tabs table a {
    padding: 0;
}

.invoice-summary-open td span {
    display: inline-block;
}
.invoice-summary-closed td span {
    display: inline-block;
}

table a.dispute_icon {
    width: 20px;
    height: 20px;
    vertical-align:middle;
    background-image: url('i/invtype3.png');
}

table a.pod_icon {
    width: 20px;
    height: 18px;
    vertical-align: text-bottom;
    background-image: url('i/pod.png');
}

table a.sched_icon {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    background-image: url('i/icon-automatic-payment-schedule.png');
}

.slick-viewport .total input {
    display: none;
}

img.dispute_icon {
    width: 20px;
    height: 20px;
    vertical-align:middle;    
}

div#table_phone div.slick-viewport div.slick-cell input[type="radio"] {
    margin: 3px;
}

div#table_phone div.slick-viewport div.slick-cell a.remove {
    margin-left: 2px;
    margin-top: 2px;
}

div#table_email div.slick-viewport div.slick-cell input[type="radio"] {
    margin: 3px;
}

div#table_email div.slick-viewport div.slick-cell a.remove {
    margin-left: 2px;
    margin-top: 2px;
}


/******************************************************************************
    Dialog
******************************************************************************/

.ui-dialog {
    position: fixed;
}

.ui-dialog .pagename-links {
    padding: 0;
    margin-right: 15px;
}

.ui-dialog .pagename-links a {
    color: transparent;
    border: 0;
}

/******************************************************************************
    Create User
******************************************************************************/

.create-user .row input[type=checkbox],
.edit-user .row input[type=checkbox] {
    clear: both;
}

.create-user .row.permissions-list-all input[type=checkbox],
.edit-user .row.permissions-list-all input[type=checkbox] {
    clear: none;
    float: left;
    margin-left: 5px;
}

.create-user .permissions-list-all .field label,
.edit-user .permissions-list-all .field label,
.create-user .permissions-list .field label,
.edit-user .permissions-list .field label {
    width: auto;
}

form.module.create-user input[type=text],
form.module.edit-user input[type=text] {
    width: 258px;
}

form.module.create-user select,
form.module.edit-user select {
    width: 270px;
}

/******************************************************************************
    User Management
******************************************************************************/
.module.search_module fieldset.content div[id*='structure-search_roles.field'] label{
    width: auto;
    min-width: 100px;
    padding-right: 11px;
}

.module.search_module fieldset.content div[id*='structure-search_roles.field'] label:first-child {
    width: 190px;
    padding-right: 0px;
}

/******************************************************************************
    Overview
******************************************************************************/

.overview-account-contact .content span{text-align:center; font-weight:bold; padding:15px 0px; display:block;}

.overview-account-contact .row.info-message.contact-address label {
    width: 190px;
}

.overview-account-contact .row.info-message.contact-address span.field {
    width: 250px;
}

.overview-account-payment.row.info-message.payment-details label {
    width: 190px;
}

.overview-account-payment .row.info-message.payment-details span.field {
    width: 250px;
}

.overview-account-payment .row.info-message.payment-details-help span.field {
    width: 250px;
}

.overview-account-statement-notification label {
    width: auto;
}

.hierarchy_me_module fieldset .numAccessibleUsers {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-top: 10px;
}

.overview-account-contact span.contact_message_line_1_part_1 {
    padding-right: 5px;
}

.overview-account-contact a.contact_message_line_1_part_2 {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.button.make-payment {
    float: right;
}

.balance_message_line_1_part_1{
    padding-right:5px;
}

.balance_message_line_1_part_3{
    padding:0px 5px;
}

.balance_message_line_2_part_1{
    padding-right:5px;
}

.balance_message_line_2_part_3{
    padding:0px 5px;
}

/******************************************************************************
    Account Changes
******************************************************************************/

.row.account-changes-checkbox-toggle label {
    width: 330px;
}

.row.account-changes-checkbox-toggle span.field label,
.row.multiple-billing-checkbox label,
.row.multiple-phone-checkbox label,
.row.multiple-email-checkbox label {
    display: none;
}

.row.account-changes-checkbox-toggle .help {
    margin-top: 5px;
}

.account_change_contact .field input[type="text"]{
    width:294px;
}

.account_change_contact .field select{
    width:310px;
}

.account_change_contact .row {
    clear: none;
    display: block;
}

.account_change_contact .row.multiple-billing-checkbox,
.account_change_contact .row.multiple-phone-checkbox,
.account_change_contact .row.multiple-email-checkbox {
    clear: left;
    width: 20px;
}

.account_change_contact .row.block-indent {
    clear: both;
}

.pending_changes_warning {margin: 0 5px 0px 0;}

.account_change_contact .content {margin: 0 0 20px;}


/******************************************************************************
    Statements/Transactions
******************************************************************************/
.transactions_address .heading-container {
    width: 99%;
}

.transactions_address .row.info-message.contact-address label {
    width: 75px;
}

.transactions_address .row.info-message.contact-address span.field {
    width: 240px;
}

#child\.statements\.overview_statements_overview_module .content  #table-overview{
    float: left;
}

.content .table[id*="child.hierarchy.transactions_table-transactions"] th {
    width: 25%;
} 
 
/******************************************************************************
    Proof of Delivery and Export Dialog
******************************************************************************/
.proof_of_delivery_module .pod_text {
    display: block;
    padding:10px 0 0 10px;
}

.proof_of_delivery_module .row label {
    margin-left: 0;
    width: auto;
}

.proof_of_delivery_module .row a.downloadPdf span,
.export_invoices_module a.exportDownload span {
    float: left;
    margin: 5px 5px 0 0;
    text-decoration: underline;
}

.proof_of_delivery_module .row a.downloadPdf img,
.export_invoices_module a.exportDownload img {
    float: left;
}

.proof_of_delivery_module .row.request_link a.related {
    margin: 5px 5px 0 0;
}

/*.proof_of_delivery_module .row a,
.export_invoices_module a {
    color: #0080b9  !important;
}*/

.proof_of_delivery_module .row a.related {
    float: left;
}

.export_invoices_module .exporInnerHeading {
    display: block;
    padding: 10px;
}

.export_invoices_module ul li {
    padding-left: 30px;
    background: transparent url("i/next.gif") no-repeat 5px 5px;
}

.export_invoices_module .pagination ul li {
    padding-left: 0;
    background: none;
}

.export_invoices_module a.exportDownload {
    float: left;
    margin: 0 80px 20px 80px;
}

a.triggerDownload {
    display: none;
}
/*
.proof_of_delivery_module a:focus,
.export_invoices_module a:focus {
    outline: none;
}
*/
#error_display-error_message_phone {
    padding: 0 5px;
}

#error_display-error_message_email {
    padding:0px 0px 0px 4px;
}


/******************************************************************************
    Disputes
******************************************************************************/

.ui-dialog .slick-cell { 
    z-index: 10005; 
}

.slick-cell.amount input { 
    text-align: right;
}
.slick-viewport .slick-row.subtotal .slick-cell { 
    color: #000; 
}

.slick-viewport .slick-row.total { 
    background: #2fa4d8; 
    color: #000;
}

.slick-viewport .slick-row.total .editable_cell {
    background: none; 
}

.slick-viewport .slick-row.total .label { 
    text-align: right;
}

.slick-viewport .slick-cell select { 
    width: 100%; 
    height: 100%; 
}

.slick-viewport .editable_cell { 
    background-color: #faffbd; 
}

.slick-cell select {
    padding: 0;
}

.slick-cell input {
    padding-left: 2px;
    padding-right: 2px;
    width: 100%
}

.slick-cell input[type='text'] {
    height: 21px; 
}

.slick-cell.amount input {
    text-align: right;
}

.slick-viewport .slick-row.subtotal .slick-cell {
    color: #444;
}

.slick-viewport .slick-row.total {
    background: #2fa4d8;
}

.slick-viewport .slick-row.total .slick-cell  {
    color: #FFF;    
}

.slick-viewport .slick-row.total .slick-cell  a{
    color: #FFF !important; 
}

.slick-viewport .slick-row.total .label {
    text-align: right;
}

.slick-viewport .slick-cell select {
    width: 100%;
    height: 100%;
}

.inline {
    padding-bottom: 10px;
}

.inline .row {
    display: inline-block;
}

.inline .row.right {
    float:right;
}

.inline .row.right input {
    text-align: right;
    padding-right: 10px;
}

.inline .row label {
    width: auto;
    float: none;
}

.inline .row select {
    float: none;
    display: inline;
    width: auto;
}

.inline .row input {
    float: none;
    display: inline;
}

.inline .row input.dispute_amount {
    width: 80px;
}

.invoice_summary_module .ui-tabs {
    margin-top: 20px;
}

.schedule_payments_module .ui-tabs {
    margin-top: 30px;
}

select.dispute_reason {
    max-width: 178px;
}

select.dispute_type {
    max-width: 160px;
}

#table_invoice_items .slick-column-name {
    white-space: normal;
}

#table_invoice_items .slick-header-column.ui-state-default {
    height: 34px;
    text-align:center;
}

#table_invoice_items .slick-header-column.ui-state-default.amount {
    text-align:right;
}

.primary_icon{
    background: url(i/checked_checkbox.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    /* float: left; */
    height: 20px;
    /* margin-left: 23px; */
    margin: auto;
    padding: 0;
    width: 20px;
}

.dispute_matches_pending {
    float: right;
    margin-top: 2px;
    margin-left: 2px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

/******************************************************************************
    Contact Information 
******************************************************************************/

.account_change_contact {
    border: none;
    margin: 0px;
    padding: 0px;
}

.account_change_contact .column-left{
    margin-bottom: 30px;
}

.account_change_contact .column-right{
    margin-bottom: 30px;
}

.add_contact {
    margin-left: 385px!important;
    margin-top: 0px!important;
} 

.phonetable{
    margin: 1px;
}

.texthiddencheckbox {
    visibility: hidden;
	height: 6px;
}

.remove {
    background: url('i/icon-delete.png') no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}

form .contact_comments {
    padding-top: 10px;
}

.contains_grid {
    margin-left: 25px;
    padding-bottom: 0;
}

.contains_grid .help { 
    margin-top: 20px;
}

.print_only { 
    display: none;
}

.contact_info_comment_block textarea{
    width: 942px;
    height: 80px;
}

.contact_info_comment_block label{
    float: left;
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    width: 100px;
}

.contact_info_comment_block_multi textarea{
    width: 856px;
    height: 80px;
}

.contact_info_comment_block_multi label{
    float: left;
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    width: 190px;
}

/******************************************************************************
    Payment
******************************************************************************/

.payment_info_module .payment_intro_text {
    padding-right: 4px;
	white-space: pre;
}

.payment_details_module {

}

.payment_invoices_module .heading-container h3 {
    padding-bottom: 0;
}

.payment_invoices_module .pending_payment {
    padding-top: 15px;
    display: block;
}

.payment_details_module .bottom a.add-pay-method-link {
	padding-left: 10px;
}

.payment_details_module .bottom a.add-pay-method-link:first-of-type {
	padding-left: 0px;
}

/******************************************************************************
    Payment History
******************************************************************************/

a[ui-behavior='hide_module'] {
    background: url("i/icon-unchecked.png") no-repeat;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: 4px 4px 4px 4px;
    padding-right: 15px;
}

.payment_history_module .payment_application_inner {
    margin-top: 30px;
}

.payment_history_module .payment_application_inner .payment_application_heading .heading {
    font-weight: bold;
    padding: 0px 0px 10px;
    display: inline-block;
}

.payment_history_module td a {
	color: #d45500 !important;
}

.payment_history_module td:not(.amount) a {
    padding-left: 5px;
}

/******************************************************************************
    Please wait dialog
******************************************************************************/
.please-wait .ui-dialog-titlebar-close {
    display: none;
}

.please-wait .ui-dialog-content {
    text-align: center;
}

#print-modal-mask{
    z-index: 100000!important;
}

/******************************************************************************
    Short Pay Dialog
******************************************************************************/

.short-pay .ui-dialog {
    width: 600px;
    left: 320px;
}

/******************************************************************************
    Change the style of datepicker input textbox.
******************************************************************************/
.datepicker-input{
    background-color:transparent;
    cursor:default;
    opacity:0.5;
}


/******************************************************************************
    Impersonation
******************************************************************************/

div.impersonation {
    background: none repeat scroll 0 0 red;
    position: fixed;
    opacity: 0.75;
    z-index: 1000;
    padding: 0px;
    text-align:center;
    overflow:hidden;
} 

div.impersonation.top, 
div.impersonation.bottom {
    height: 20px;
    left: 0px;
    right: 0px;
} 

div.impersonation.left,
div.impersonation.right {
    width: 20px;
    top: 24px;
    bottom: 24px;
} 

div.impersonation.top {
    top: 0px;
} 

div.impersonation.bottom {
    bottom: 0px;
    border-top: none;
} 

div.impersonation.left {
    left: 0px;
} 

div.impersonation.right {
    right: 0px;
} 

div.impersonation.top {
    border-top: darkred solid 4px; 
    border-left: darkred solid 4px;
    border-right: darkred solid 4px;
} 

div.impersonation.bottom {
    border-bottom: darkred solid 4px;
    border-left: darkred solid 4px;
    border-right: darkred solid 4px;
} 

div.impersonation.left {
    border-left: darkred solid 4px;
} 

div.impersonation.right {
    border-right: darkred solid 4px;
} 

.impersonation span {
    color: black;
    display: inline-block;
    font-weight: bolder;
    opacity: 1;
    padding-top: 2px;
} 

/******************************************************************************
    Action History
******************************************************************************/
#table-actions {
    margin-top: 0px;
}

table a.view {
    display: inline;
}

table a.cancel {
    display: inline-block;
    background: url("i/icon-delete.png") no-repeat;
    padding: 8px;
    margin-left: 8px;
    vertical-align: text-top;
}

/******************************************************************************
    Payment details in Action History
******************************************************************************/
#pepsi\.action\.history\.payment_main .desc {
    display: block;
    margin-bottom: 16px;
}

/******************************************************************************
    Estatement details in Action History
******************************************************************************/
#pepsi\.action\.history\.estatement_main .desc {
    display: block;
    margin-bottom: 16px;
}
.action_history_estatement_account {
    margin-top: 16px;
}

/******************************************************************************
    Change Contact Info details in Action History
******************************************************************************/
.block {
    display: block;
}

#pepsi\.action\.history\.change\.contact_main .desc {
    display: block;
    margin-bottom: 16px;
}

#pepsi\.action\.history\.change\.contact_main div.account {
    margin-top: 16px;
}

#pepsi\.action\.history\.change\.contact_main .bold {
    display: block;
    margin-top: 16px;
}

#pepsi\.action\.history\.change\.contact_main .email {
    margin-bottom: 16px;
}

#pepsi\.action\.history\.change\.contact_main .phone {
    margin-bottom: 16px;
}

/******************************************************************************
    Contact Us details in Action History
******************************************************************************/
#pepsi\.action\.history\.contact\.us_main .desc {
    display: block;
    margin-bottom: 16px;
}

/******************************************************************************
   Change Ownership Action History
******************************************************************************/
#pepsi\.action\.history\.change\.ownership_main .desc {
    display: block;
    margin-bottom: 16px;
}

#pepsi\.action\.history\.change\.ownership_main .accounts {
    margin-top: 16px;
    margin-bottom: 16px;
}

#pepsi\.action\.history\.change\.ownership_main label {
    width: 260px;
}

/******************************************************************************
   Proof of Devliery Action History
******************************************************************************/
#pepsi\.action\.history\.proof\.of\.delivery_main .desc {
    display: block;
    margin-bottom: 16px;
}


/******************************************************************************
   Dispute Action History
******************************************************************************/
#pepsi\.action\.history\.dispute_main .desc {
    display: block;
    margin-bottom: 16px;
}

.collection_score_message{
    cursor: pointer;
    text-decoration: underline;
}

/******************************************************************************
   Page Block Dialog CSS
******************************************************************************/
.page_block_dialog{ 
   left: 41% !important;
   top: 40%  !important;   
}
/******************************************************************************
   hierarchy-filter search box help icon
******************************************************************************/
.hierarchy-filter div.help{
    position: absolute !important;
    margin-left: 360px;
}

/******************************************************************************
   Collapsible headers.
******************************************************************************/
.module-fifty-fifty .heading-container h3.heading.heading.collapsible {
    width: auto;
    padding-left: 8px;
    padding-bottom: 4px;
}

.header-expanded {
    background: #2fa4d8 url('i/icon-collapse-header.png') no-repeat right;
    cursor: pointer;
    margin-bottom: 10px;
}

.pepsi-account-nav .heading-container .row {
	padding-bottom: 5px;
}

.header-collapsed {
    background: #2fa4d8 url('i/icon-expand-header.png') no-repeat right;
    cursor: pointer;
    /* margin-bottom: 0 !important; */
}

.header-expanded > .help, 
.header-collapsed > .help {
    margin-right: 30px;
    margin-top: 13px;
}

/******************************************************************************
   Table keys
******************************************************************************/
.table-key {
    width: 81%;
}

.table-key span.image {
    width: 31px;
    display: inline-block;
}

.table-key .field{
    padding-bottom: 15px;
    width: 100%;
}

.table-key .text {
    width: 29%;
    display: inline-block;
    vertical-align: middle;
}

.table-key img {
    vertical-align: bottom;
    margin: 0 4px 0 10px;
}

.table-range {
    color: grey;
    display: none;
}
.table-range.visible {
    color: grey;
    display: inline;
}

.no_table_data {
    margin-bottom: 20px;
    display: block;
}

input[id*=login_structure-language] {
    display:none;
}

.hide-table-Column{
    display:none;
}

a.popin {
    color: #d45500 !important;
}

.tabs .ui-tabs-nav a.popin {
    color: #d45500 !important;
    font-weight: normal;
}

#pepsi\.dispute\.invoice_display_warning {
    font-style: italic;
    text-align: center;
    display: block;
}

.overview-account-balance td.accountTooltip div{
    display:inline;
	padding: 0 5px 0 0;
	color: #000;
}
.overview-account-balance td.accountTooltip span{
    padding: 0 5px 0 0;
}
.overview-account-balance td.accountTooltip a{
    display:inline;
}
.overview-account-balance td.accountTooltip{
    padding: 0 3px 0 8px !important;
}

.overview-account-balance td span {
	padding: 0;
}

div.pepsi_dispute_invoice_screen_main div.ui-dialog-titlebar a.ui-dialog-titlebar-close{
	display:none;
}

.javascript td a {display: inline-block;}
.invoice_legend.table-key span.image{padding-right: 5px;}
.invoice_legend.table-key span.text{width: auto; padding-right: 80px;}

div#pepsi\.invoice\.summary_struct-open_key span.image, div#pepsi\.invoice\.summary_struct-closed_key span.image{
	padding-right : 1px;
}

div#pepsi\.invoice\.summary_struct-open_key span.text, div#pepsi\.invoice\.summary_struct-closed_key span.text{
	width : auto;
	padding-right : 9px;
}	

.update_recurring_payment .row{
	clear: none;
    display: block;
	padding: 0px 10px 10px;
}

.update_recurring_payment a.popin {
    color: #d45500 !important;
    padding: 0px 10px 10px;
}

.update_recurring_payment #complex-assigned_accounts textarea {
    width: 390px;    
    overflow: scroll;
}
.recurring-payment-table-min-width > tbody > tr:nth-child(1) > td.pay_actions {
	min-width: 200px;
}
.scheduled-payment-table-min-width > tbody > tr:nth-child(1) > td.pay_actions {
	min-width: 140px;
}

.configure_recurring_payment .row{
	clear: none;
    display: block;
	padding: 0px 10px 10px;
}

.configure_recurring_payment a.popin {
    color: #d45500 !important;
    padding: 0px 10px 10px;
}

.configure_recurring_payment #complex-assigned_accounts textarea {
    width: 390px;    
    overflow: scroll;
}

.schedule_payments_module td, th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0px !important;
}

.schedule_payments_module .payment_schedules_module_tab {
	margin-bottom: 60px;
}

.schedule_payments_module .payment_schedules_module_tab table td a {
	color: #d45500 !important;
}

#pepsi\2e update\2e recurring\2e payment_display-accounts_detail {
	background: url("i/required.png") no-repeat right top;
	width: 347px;
}
#pepsi\2e create\2e recurring\2e payment_display-accounts_detail {
	background: url("i/required.png") no-repeat right top;
	width: 347px;
}

/************************************************************************
Payment Schedules
************************************************************************/
.radio_new_line .row {
    display: block;
}

.radio_new_line .row.right {
    float:right;
}

.radio_new_line .row.right input {
    text-align: right;
    padding-right: 10px;
}

.radio_new_line .row label {
    float: none;
}

.radio_new_line .row select {
    float: none;
    display: inline;
    width: auto;
}

.radio_new_line .row input {
    float: left;
    display: inline;
}

.configure_recurring_payment .row.schedule-trigger {
	float: left;
	padding-right: 0;
	width: 140px;
}

.configure_recurring_payment .row.schedule-expiry {
	float: left;
	margin-bottom: 10px;
	padding-right: 0;	
	width: 140px;
}

.radio_new_line > span > label {
	display: block;
}

.radio_new_line > #pepsi\2e create\2e recurring\2e payment_list-schedule_trigger\2e field_payinv {
	display: block;
}

.radio_new_line > #pepsi\2e create\2e recurring\2e payment_list-schedule_trigger\2e field_payinveach {
	display: block;
}

.radio_new_line > #pepsi\2e create\2e recurring\2e payment_list-schedule_expiry_effectiveUntil {
	display: block;
}

.radio_new_line > #pepsi\2e create\2e recurring\2e payment_list-schedule_expiry_until {
	display: block;
}

.configure_recurring_payment .effective-until-date {
	display: inline-block;
	float: left;
	margin-left: -36px;
    margin-top: 4px;
    margin-bottom: 5px;
	padding-bottom: 0px;
	width: 325px;
}

.configure_recurring_payment .effective-until-payments {
    margin-left: -95px;
}

.configure_recurring_payment .schedule-expiry-week {
    margin-bottom: 2px;
}

.create_recurring_payment .effective-until-payments {
	float: none;
}

.update_recurring_payment .effective-until-payments {
	float: left;
}

.configure_recurring_payment .schedule-trigger span,
.configure_recurring_payment .schedule-expiry span {
	display: block;
    padding-bottom: 7px;
}

.radio_new_line > #pepsi\2e create\2e recurring\2e payment_structure-until {
	float: left;
}

#pepsi\2e create\2e recurring\2e payment_structure-until\2e field{
	height: 25px
}

.configure_recurring_payment .pay-method-heading {
	clear: both;
} 

.radio_new_line > #pepsi\2e update\2e recurring\2e payment_list-schedule_trigger\2e field_payinv {
	display: block;
}

.radio_new_line > #pepsi\2e update\2e recurring\2e payment_list-schedule_trigger\2e field_payinveach {
	display: block;
}

.radio_new_line > #pepsi\2e update\2e recurring\2e payment_list-schedule_expiry_effectiveUntil {
	display: block;
}

.radio_new_line > #pepsi\2e update\2e recurring\2e payment_list-schedule_expiry_until {
	display: block;
}

#pepsi\2e update\2e recurring\2e payment_structure-until\2e field{
	height: 25px
}

.radio_new_line > #list-pay_using_card {
	float: left;
}

#list-pay_using_card > label {
	float: left;
}

#pepsi\2e create\2e recurring\2e payment_structure-until\2e field {
	width: 50px;
}

#pepsi\2e update\2e recurring\2e payment_structure-until\2e field {
	width: 50px;
}

.radio_new_line > #list-pay_using_card > label {
	width: 80px;
}

.radio_new_line > #pepsi\2e create\2e recurring\2e payment_structure-until > label {
	display: none;
}

.radio_new_line > #pepsi\2e update\2e recurring\2e payment_structure-until > label {
	display: none;
}

.radio_new_line > #pepsi\2e create\2e recurring\2e payment_display-payments_made {
	padding-left: 5px;
}

.radio_new_line > #pepsi\2e update\2e recurring\2e payment_display-payments_made {
	padding-left: 5px;
}

.radio_new_line > #list-days {
	display: inline;
}

.configure_recurring_payment div#list-days select#list-days,
.configure_recurring_payment div#list-week select#list-week {
	margin-bottom: 5px;
}

.configure_recurring_payment div#list-days select#list-days {
	margin-left: -44px;
}

.configure_recurring_payment div#list-week select#list-week {
	margin-left: -10px;
}

.configure_recurring_payment input[type='radio'] {
	margin-top: 5px;
}

#pepsi\2e create\2e recurring\2e payment_display-payment_method_heading {
	float: left;
}

#pepsi\2e create\2e recurring\2e payment_display-payment_method_detail {
	float: left;
}

#pepsi\2e update\2e recurring\2e payment_display-payment_method_heading {
	float: left;
}

#pepsi\2e update\2e recurring\2e payment_display-payment_method_detail {
	float: left;
}

#payment_schedules_module_tab_recurring_payments > div.buttons {
	width: 924px;
}

#pepsi\2e payment\2e schedules_structure-schedule_trigger_1{
	display: none;
}

#pepsi\2e payment\2e schedules_structure-days_1{
	display: none;
}

#pepsi\2e payment\2e schedules_structure-week_1{
	display: none;
}


#pepsi\2e payment\2e schedules_structure-schedule_expiry_1{
	display: none;
}

#pepsi\2e payment\2e schedules_structure-effective_until_1{
	display: none;
}

#pepsi\2e payment\2e schedules_structure-until_1{
	display: none;
}

#pepsi\2e payment\2e schedules_structure-pay_using_card_1{
	display: none;
}

.payment_details_label_width > label {
	width: 80px;
}

.payment_details_label_width > select,
.configure_recurring_payment div#list-pay_using_card select#list-pay_using_card {
	max-width: 300px;
	width: auto;
}

.configure_recurring_payment .create_payment_source {
	text-decoration: underline !important;
	color: #d45500 !important;
    background: url('i/pepsi popin icon.png') no-repeat right 1px !important;
	padding: 2px 20px 6px 10px !important;
	height: 100% !important;
}

.configure_recurring_payment .create_payment_source:hover {
    background: #005580 url("i/arrow-white-small.png") no-repeat right 14px;
    padding: 2px 20px 6px 10px !important;
    color: #FFFFFF;
}
/******************************************************************************
    Credit Card Dialog
******************************************************************************/

.credit_card_dialog .hpf_module .added-form-field,
.debit_card_dialog .hpf_module .added-form-field,
.bank_account_dialog .hpf_module .added-form-field {
	float: left;
    width: 100%;
}

.credit_card_dialog .hpf_module .added-form-field input[type=checkbox],
.debit_card_dialog .hpf_module .added-form-field input[type=checkbox],
.bank_account_dialog .hpf_module .added-form-field input[type=checkbox] {
	margin-top: 5px;
}

.credit_card_dialog .hpf_module .added-form-field,
.debit_card_dialog .hpf_module .added-form-field {
	padding-left: 14px;
}

.credit_card_dialog .hpf_module .added-form-field:last-of-type,
.debit_card_dialog .hpf_module .added-form-field:last-of-type,
.bank_account_dialog .hpf_module .added-form-field:last-of-type {
	padding-bottom: 0;
}

.credit_card_dialog .hpf_module .added-form-field label,
.debit_card_dialog .hpf_module .added-form-field label {
	width: 225px;
}

.credit_card_dialog .field input[type="text"]{
    width:200px;
}

.credit_card_dialog.form_invalid,
.debit_card_dialog.form_invalid,
.bank_account_dialog.form_invalid {
	max-height: 548.6px;
    overflow-y: scroll;
}

.add_method_dialog .added-form-field div.help {
	background: url("i/icon-help-chase.png") no-repeat;
	height: 20px;
    width: 20px;
}

.credit_card_dialog.edit_dialog .expiration .field span,
.debit_card_dialog.edit_dialog  .expiration .field span {
    float: left;
    margin-right: 5px;
}

.credit_card_dialog.edit_dialog input[type=checkbox] + label,
.debit_card_dialog.edit_dialog input[type=checkbox] + label,
.bank_account_dialog.edit_dialog input[type=checkbox] + label {
    display: none;
}

#structure-expiration_date\2e monthfield {
    width: 60px;
}

#structure-expiration_date\2e yearfield {
    width: 60px;
    margin-left: 10px;
}

.credit_card_dialog .row select {
    width: 212px;
	height: 29px;
    padding:4px 3px 4px 5px;
}

.credit_card_dialog iframe,
.debit_card_dialog iframe,
.bank_account_dialog iframe {
	border: none;
	overflow: scroll;
}

.credit_card_dialog iframe,
.debit_card_dialog iframe {
	height: 520px;
}

#child\2e configure\2e credit\2e card\2e dialog_structure-save_wallet_for_future > span > label {
	display: none;
}

#child\2e configure\2e credit\2e card\2e dialog_structure-make_default_paymethod > span > label {
	display: none;
}

.credit_card_dialog .row {
    clear: none;
    display: block;
}

.credit_card_dialog .row.block-indent {
    clear: both;
}

.credit_card_dialog .content {margin: 0 0 20px;}

.credit_card_dialog {
    border: none;
    margin: 0px;
    padding: 0px;
}

.credit_card_dialog .column-left{
    margin-bottom: 30px;
}

.credit_card_dialog .column-right{
    margin-bottom: 30px;
}

#child\2e configure\2e credit\2e card\2e dialog_structure-security_code\2e field {
	width: 48px;
}

/******************************************************************************
    Debit Card Dialog
******************************************************************************/

.debit_card_dialog .field input[type="text"]{
    width:200px;
}

.debit_card_dialog .row select {
    width: 212px;
	height: 29px;
    padding:4px 3px 4px 5px;
}

#child\2e configure\2e debit\2e card\2e dialog_structure-save_wallet_for_future > span > label {
	display: none;
}

#child\2e configure\2e debit\2e card\2e dialog_structure-make_default_paymethod > span > label {
	display: none;
}

.debit_card_dialog .row {
    clear: none;
    display: block;
}

.debit_card_dialog .row.block-indent {
    clear: both;
}

.debit_card_dialog .content {margin: 0 0 20px;}

.debit_card_dialog {
    border: none;
    margin: 0px;
    padding: 0px;
}

.debit_card_dialog .column-left{
    margin-bottom: 30px;
}

.debit_card_dialog .column-right{
    margin-bottom: 30px;
}

#child\2e configure\2e debit\2e card\2e dialog_structure-save_wallet_for_future > label {
    width: 220px;
}

#child\2e configure\2e debit\2e card\2e dialog_structure-security_code\2e field {
	width: 48px;
}

/******************************************************************************
    What is CVV Dialog
******************************************************************************/
.ui-dialog.what-is-cvv .ui-dialog-content {
	padding: .5em .5em;
}

.ui-dialog.what-is-cvv .cvv-block {
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

.ui-dialog.what-is-cvv .cvv-block p {
	margin-top: 30px;
}

.ui-dialog.what-is-cvv .cvv-block.card-group1 {
	margin-bottom: 15px;
}

.ui-dialog.what-is-cvv .cvv-block.card-group1 p {
    display: block;
    float: left;
    width: 62%;
}

.ui-dialog.what-is-cvv .cvv-block.card-group1 img {
	display: block;
	float: right;
}

.ui-dialog.what-is-cvv .cvv-block.card-group2 p {
	display: block;
	float: right;
	width: 60%;
}

.ui-dialog .cvv-block.card-group2 img {
	display: block;
	float: left;
}

.ui-dialog.what-is-cvv .cvv-block p span {
	display: block;
}

.ui-dialog.banking-help img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/******************************************************************************
    Bank Account Dialog
******************************************************************************/

.bank_account_dialog .hpf_module .added-form-field {
	padding-left: 42px;
}

.ui-dialog .bank_account_dialog .authorization_agreement {
	border: none;
    margin: 0px;
    padding: 0px;
}

.bank_account_dialog .hpf_module .added-form-field label {
    padding-bottom: 10px;
    width: 100%;
}

.ui-dialog .bank_account_dialog .authorization_agreement .authorization_agreement_text,
.ui-dialog .bank_account_dialog .authorization_agreement .authorization_agreement_link {
	display: block;
}

.ui-dialog .bank_account_dialog .authorization_agreement .authorization_agreement_link {
	margin-top: 15px;
}

.bank_account_dialog .field input[type="text"]{
    width: 200px;
}

.bank_account_dialog .row select {
    width: 212px;
	height: 29px;
    padding:4px 3px 4px 5px;
}

.bank_account_dialog iframe {
	height: 430px;
}

#child\2e configure\2e bank\2e account\2e dialog_structure-save_wallet_for_future > span > label {
	display: none;
}

#child\2e configure\2e bank\2e account\2e dialog_structure-make_default_paymethod > span > label {
	display: none;
}

.bank_account_dialog .row {
    clear: none;
    display: block;
}

.bank_account_dialog .row.block-indent {
    clear: both;
}

.bank_account_dialog .content {
	margin: 0 0 20px;
}
	
.bank_account_dialog {
    border: none;
    margin: 0px;
    padding: 0px;
}

.bank_account_dialog .column-left{
    margin-bottom: 30px;
}

.bank_account_dialog .column-right{
    margin-bottom: 30px;
}

.bank_account_dialog .hide {
	display: none !important;
}

.bank_account_dialog.module-fifty-fifty .top {
	padding: 0;
}

/******************************************************************************
    Pay Wallet Page
******************************************************************************/
.pay_wallet_module .module {
    border: none;
	padding: 0px;
}

.pay_wallet_module div.buttons {
    margin: 20px 0;
    clear: both;
    padding-right: 0px;
}

.add_buttons {
	margin: 10px 0px 10px 0px !important;
}

.pay_wallet_module .table td .primary_icon_credit_card {
    background: url(i/checked_checkbox.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    height: 20px;
    margin-left: 10px;
    margin-top: 2px;
    width: 20px;
}

.pay_wallet_module .table td a.popin {
	height: auto !important;
}


.compact .recurring_payment_popin_link{
    background: url('i/pepsi popin icon.png') no-repeat right 1px !important;
	color: #d45500 !important;
	text-decoration: underline !important; 
	padding: 2px 20px 6px 10px !important;
	height: 100% !important;
}

.compact .recurring_payment_popin_link:hover {
    background: #005580 url("i/arrow-white-small.png") no-repeat right 14px;
    padding: 2px 20px 6px 10px !important;
    color: #FFFFFF;
}


#child\2e scheduled\2e payments\2e details_scheduled_payment_invoice_detail_module {
	overflow: auto 
}

table td.pay_actions,
table td .pay_actions {
    text-align: center;
}
.account-access .module #complex-assigned_accounts label {
    width: 190px;
    margin-top: 10px;
}

.account-access .module #complex-assigned_accounts textarea {
    width: 390px;    
    overflow: scroll;
}

img.card-type-logo {
	max-height: 30px;
    max-width: 45px;
}

table td img.card-type-logo {
	display: block;
}

table td img.card-type-logo.visa {
	margin: 8px auto;
}

table td img.card-type-logo.mastercard {
	margin: 1.5px auto;
}

table td img.card-type-logo.discover {
	margin: .5px auto;
}

table td img.card-type-logo.jcb,
table td img.card-type-logo.americanexpress,
table td img.card-type-logo.dinersclub {
	margin: auto auto;
}