/* wpdirectdebit styles sheet
 * Copyright 2021 Togethernet Ltd
 * All rights reserved
 */
 
/* admin styling */

.wpdd-tabs {
    border-top-left-radius: 6px; 
    border-top-right-radius: 6px;
}

.sandbox-postbox {
    background-color: #ffde88;
    background-color: rgba(224, 185, 68, 0.4);
    padding-left: 17px;
    padding-top: 1px;
    padding-bottom: 20px;
}

.wpdd-td {
    width: 10%;
}

.whitesmoke {
    color: whitesmoke;
}

#wpbody-content .wpdd-metabox-holder {
    padding-top: 0px;
}

.wpdd-form-table td, .wpdd-form-table td p, .wpdd-form-table th {
    font-size: 18px;
    color: #7195b3;
}

.wpdd-uri {
    font-size: 12px;
    font-family: "Monaco";
    padding: 10px 10px 30px 10px;
    margin-top: 10px;
    word-wrap: break-word;
    color: #6496b6;
}


.wpdd-tooltip {
    position: relative; 
    display: inline-block; 
}

.wpdd-tooltip .wpdd-tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 5%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #6496b6 transparent;
}

.wpdd-tooltip .wpdd-tooltiptext {
    visibility: hidden;
    width: 350px;
    background-color: #6496b6;
    color: whitesmoke;
    text-align: center;
    border-radius: 3px;
    padding: 9px;
    position: absolute;
    z-index: 1;
    top: 83%;
    left: 50%;
    margin-left: -60px;
    font-weight: 300;
    font-size: 11px;
}

.wpdd-tooltip:hover .wpdd-tooltiptext { 
    visibility: visible; 
}



/**** tables *****/


.cell10 {
    column-width: 10%;
}
div.wpdirectdebit-table {
  font-family: Helvetica, Arial, sans-serif;
  border: 1px solid #6496B6;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.divTable.wpdirectdebit-table .divTableCell, .divTable.wpdirectdebit-table .divTableHead {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
.divTable.wpdirectdebit-table .divTableBody .divTableCell {
  font-size: 12px;
}
.divTable.wpdirectdebit-table .divTableRow:nth-child(even) {
  background: #D0E4F5;
}
.divTable.wpdirectdebit-table .divTableHeading {
  background: #6496B6;
  border-bottom: 2px solid #444444;
}
.divTable.wpdirectdebit-table .divTableHeading .divTableHead {
  font-size: 13px;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
.divTable.wpdirectdebit-table .divTableHeading .divTableHead:first-child {
  border-left: none;
}

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

.wpdirectdebit-table .tableFootStyle {
  font-size: 13px;
  color: #FFFFFF;
  background: #6496B6;
  border-top: 2px solid #444444;
}
.wpdirectdebit-table .tableFootStyle {
  font-size: 14px;
}
.wpdirectdebit-table .tableFootStyle .links {
	 text-align: right;
}
.wpdirectdebit-table .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.wpdirectdebit-table.outerTableFooter {
  border-top: none;
}
.wpdirectdebit-table.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}

.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}

table.blueTable {
  background-color: #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  padding: 3px 5px;
}
table.blueTable tbody td {
  font-size: 12px;
  color: #000000;
}
table.blueTable tr:nth-child(even) {
  background: #F8F8F8;
}
table.blueTable thead {
  background: #EAF2FA;
}
table.blueTable thead th {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}