.wp-account .content h3 {
  background-color: #f8f8f8;
  border-radius: 6px;
  padding: 20px;
}
.wp-account .content h3.flex-sm {
  justify-content:space-between;
  align-items:center;
}
.wp-account .content h3 span {
  font-family:'Montserrat', sans-serif;
  font-size:16px;
}
.wp-account .content h4 {
  border-bottom:1px solid #ebebeb;
  margin-bottom:0;
  padding-top:20px;
  padding-bottom:20px;
}
strong.blue {
  color:#0f4fb9;
}
strong.green {
  color:green;
}
svg.warning {
  width: 40px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.wp-account header {font-weight:bold}

.wp-account .col {
  word-break:break-all;
  word-break:break-word;
}
.tablesorter-header-inner {
  cursor:pointer;
  vertical-align:top;
  position:relative;
}
.sorter-false .tablesorter-header-inner {
  cursor:inherit;
}
.tablesorter-header-inner::after {
  content:"";
  display:inline-block;
  vertical-align:middle;
  border-left:3.5px inset transparent;
  border-right:3.5px inset transparent;
  margin-left:10px;
}
.tablesorter-headerDesc .tablesorter-header-inner::after {
  border-top:5px solid #273fd2;
}
.tablesorter-headerAsc .tablesorter-header-inner::after {
  border-bottom:5px solid #273fd2;
}
.wp-account table {
  width:100%;
}
.wp-account table tr {
  border-bottom:1px solid #ebebeb;
}
@media (max-width:767px) {
  .wp-account table thead {
    display:none;
  }
  .wp-account table td,
  .wp-account table tr {
    display:block;
  }
  .wp-account table tr {
    padding:10px 0;
  }
  .wp-account table .col {
    padding:5px 0;
  }
}
@media (min-width:768px) {
  .wp-account table .col {
    width:10%;
    padding-top:15px;
    padding-bottom:15px;
  }
  .wp-account table th.col {
  }
  .wp-account table td.col {
    padding-right:20px;
  }
  .wp-account table .col.memo {
    width:30%;
  }
}
.wp-account .col.amount {
  font-weight:700;
  font-family:'Montserrat', sans-serif;
  color:#0f4fb9;
}
.wp-account .col.status {
  font-weight:600;
  color:darkgray;
}
.wp-account .col.selected-option {
  color:white;
  font-size:0;
  line-height:0;
}
.wp-account .col.selected-option form {
  font-size:14px;
  line-height:1.42857143;
}
.wp-account .col.new {
  color:lightskyblue;
}
.wp-account .col.pending {
  color:#F0AD50;
}
.wp-account .col.approved {
  color:#449d44;
}
.wp-account .col.sent {
  color:#0f4fb9;
}

.wp-account .col.rejected {
  color:lightcoral;
}
.wp-account .col.canceled {
  color:lightgrey;
}
.wp-account .col.status select {
  border:0;
  background-color:#eee;
  color:#666;
  width:100%;
}
.form-group textarea {
  width: 100%;
  line-height: 1.42857143;
  color: #555;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ededed;
  font-size: 13px;
  padding: 15px 20px;
  border: none;
  border: 1px solid #ededed;
  margin-bottom: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
a.back,
a.add,
a.edit,
a.view {
  border-radius: 3px;
  padding: 3px 6px;
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  color: white;
}
a.back {
  background-color:#91A2B3;
}
a.back:hover {
  background-color:lightslategray;
}
a.edit {
  background-color:#20b2aa;
}
a.edit:hover {
  background-color:#079991;
}
a.view {
  background-color:lightblue;
}
a.view:hover {
  background-color:#94BFCD;
}
a.add {
  background-color:#f08080;
}
a.add:hover {
  background-color:#D76767;
}
.col.username {
  font-weight:600;
}
.sidebar span.button {
  cursor:pointer;
}
.sidebar .submenu {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
  height:0;
  overflow:hidden;
  background-color:#333;
  color:white;
  margin-bottom:10px;
}
.sidebar .submenu a {
  display:block;
  border-top:1px solid #444;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.sidebar .submenu a.paypal {
  position:relative;
}
.sidebar .submenu a.paypal::after {
  content:"";
  display:inline-block;
  vertical-align:middle;
  width:22px;
  height:22px;
  background:url('/img/logo-paypay-icon-5.png') center / contain no-repeat;
  margin-left:10px;
}
.sidebar .submenu.expand {
  height:317px;
  height:auto;
  margin-top:-4px;
  border-radius:0 0 6px 6px;
}
.sidebar .submenu a:hover {
  background-color:#444;
}
@media (max-width:991px) {
  .wp-account .content {
    margin-bottom:50px;
  }
}
@media (min-width:768px) {
  .flex-sm {
    display: -webkit-flex;
    display: flex;
  }
  .wp-account .col > span {
    display:none;
  }
}

.form-group select {
  width: 100%;
  height: 46px;
  border:0;
  background-color:#eee;
}
.info {
  background-color:#f8f8f8;
  border-radius:6px;
  padding:20px 20px 5px;
  margin-top:30px;
  font-size:12px;
  line-height:18px;
}
.info strong {
  color:#222e76;
}
.info span {
  color:#999;
}
.description {
  border:1px solid #ccc;
  padding:10px;
  font-size:12px;
}
.description a {
  color:#273fd2;
  text-decoration:underline;
}
.description a:hover {
  text-decoration:none;
}
.required {
  color:red;
  font-weight:300;
  font-family:'Montserrat', sans-serif;
  margin-left:2px;
  margin-right:2px;
}
.fundrasing-box{
  border-bottom: 1px solid #ebebeb;
  margin-bottom:50px;
}
.progress{
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  height: 50px;
}
.progress .progress-bar{
  background-color: #F0AD50;
}
.progress-title{
  margin-bottom: 20px; 
}
.progress-title span{
  color: #dd8c26;
  font-weight: 300;
}
.transaction-summary {
  font-size: 16px;
  line-height: 30px;
}
.cc-wrapper {
  margin-top:44px;
  margin-bottom:22px;
}
.credit-card {
  position:relative;
  width:321px;
  height:228px;
  background:url('/img/cc-image-321x228-lydiafund.png') center / contain no-repeat;
  margin-left:auto;
  margin-right:auto;
}
.credit-card .cc-info {
  color:black;
  position:absolute;
  top:100px;
  left:42px;
  text-transform:uppercase;
  font-weight:bold;
}
.credit-card .cc-date {
  font-size:10px;
  margin-bottom:9px;
}
.credit-card .cc-name {
  font-size:13px;
  margin-bottom:7px;
}
.credit-card .cc-memo {
  font-size:9px;
}
@media (min-width:768px) {  
  .cc-wrapper {
    margin-bottom:46px;
  }
  .credit-card {
    float:left;
    margin-left:19px;
    margin-right:47px;
  }
}