body {
    /* background: #fafafa; */
    /* background: #11406350; */
    background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),url('images/bach3.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #333333;
    margin-top: 5rem;
    font-size: medium;
    margin-bottom: 90px; /* Margin bottom by footer height */

  }
  
.dropdown-menu{
  background-color: #d9c1da;
}

  h1, h2, h3, h4, h5, h6 {
    color: #444444;
  }
  
  .bg-steel {
    background-color: #7e3572;
  }

  .site-header .navbar-nav .nav-link {
    color: #cbd5db;
  }

  legend {
    font-size: 1.7rem;
    color: #382b36;
  }

  .site-header .navbar-nav .nav-link:hover {
    color: #ffffff;
  }
  
  .site-header .navbar-nav .nav-link.active {
    font-weight: 500;
  }
  
  .content-section {
    background: rgba(246, 238, 252, 0.3);
    padding: 10px 20px;
    /* border: 1px solid #dddddd; */
    border-radius: 3px;
    margin-bottom: 20px;
  }
  
  .article-title {
    color: #444444;
    font-size: 19px;
    margin-top: 4px;
  }
  
  a.article-title:hover {
    color: #428bca;
    text-decoration: none;

  }
  
  .article-content {
    white-space: pre-line;
  }
  
  .article-img {
    height: 65px;
    width: 65px;
    margin-right: 16px;
  }
  
  .article-metadata {
    padding-bottom: 1px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e3e3e3
  }
  
  .article-metadata a:hover {
    color: #333;
    text-decoration: none;
  }
  
  .article-svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
  }
  
  .account-img {
    height: 125px;
    width: 125px;
    margin-right: 20px;
    margin-bottom: 16px;
  }
  
  .account-heading {
    font-size: 2rem;
    color: rgb(243, 235, 247);
  }

  .info-heading {
    color: rgb(243, 235, 247);
  }

  .text-secondary {
    color: rgb(150, 129, 161) !important;
  }


  .btn-purple {
    border:1px solid #af7daf;
    background:#b47bab;
    /* border-radius: 5; */ 
    color:#fff;
    }
  .btn-purple:hover {
      border:1px solid rgb(107, 13, 116);
      background:#d6c0d3;
      color:#000;
    }  

  .btn-secondary {
    border:1px solid #7c417c;
    background:#9e5a94;
    color:#fff;
    }
  .btn-secondary:hover {
      border:1px solid #77436f;
      background:#77436f;
      color:#fff;
    }     

  .btn-primary {
    border:1px solid #d137d6;
    background:#d137d6;
    /* border-radius: 5; */
    color:#fff;
    }
  .btn-primary:hover {
      border:1px solid #ab2caf;
      background:#ab2caf;
      color:#fff;
    }    

  .btn-outline-info {
    border:1px solid #944f94;

    color:rgb(172, 91, 161);
    }
  .btn-outline-info:hover {
      border:1px solid rgb(107, 13, 116);
      background:#af7eaf;
      color:rgb(252, 248, 248);
    }    

  .btn-outline-secondary {
    border:1px solid #c49bc4;
    color:#ccbacc;

    /* color:rgb(172, 91, 161); */
    }
  .btn-outline-secondary:hover {
    border:1px solid #af7eaf;
    background:#af7eaf;
    color:rgb(252, 248, 248);
    }    

  .btn-danger {
    border:1px solid #d63465;
    background:#ca2089;

    color:rgb(248, 246, 248);
    }
  .btn-danger:hover {
      border:1px solid rgb(107, 13, 116);
      background:#85155a;
      color:rgb(255, 255, 255);
    }    
  
    .btn-circle {
      width: 30px;
      height: 30px;
      padding: 6px 0px;
      border-radius: 15px;
      text-align: center;
      font-size: 12px;
      line-height: 1.42857;
      background:#9dccf7;
      border:1px solid #9dccf7;
  }

  .btn-circle:hover {
    background:#5374a0;
    border:1px solid #5374a0;
    color:rgb(248, 246, 248);
}


  .badge-danger {
    border:1px solid #972370;
    background:#9d19b8;

    color:rgb(248, 246, 248);
    }
  .badge-danger:hover {
      border:1px solid rgb(107, 13, 116);
      background:#c5a5c5;
      color:rgb(14, 13, 13);
    }    



    button.dropdown-toggle {
    border:1px solid #9e5a94 !important;
    background:#9e5a94 !important;
    color:#fff !important;
    }
  button.dropdown-toggle:hover {
      border:1px solid #77436f !important;
      background:#77436f !important;
      color:#fff;
    }   

  .text-muted {
    color: #504250 !important;
  }

  a {
    color: #7064e0;
    /* text-decoration-line: underline; */
  }    

  /* .info-popover {
    border:1px solid #9dccf7;
    background:#9dccf7;
    border-radius: 5; 
    color:#fff;
    
    } 

  .info-popover:hover {
    border:1px solid #424970;
    background:#5b6ec2;
    border-radius: 5; 
    color:#fff;
    } 
 */

  .popover {
    border: 0px;
    border-radius: 15;
    background: #d1e2e9;
    color: #d9b5f7;
  }


  .form-control {
    background-color: #d0c1e0;
  }

  .form-select {
    background-color: #d0c1e0;

  }
.invoice-box {
  max-width: 800px;
  margin: auto;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  font-size: 12px;
  line-height: 18px;
  font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  color: #555;
}

.invoice-box table {
    width: 100%;
    line-height: inherit;
    text-align: left;
}

.invoice-box table td {
    padding: 5px;
    vertical-align: top;
}

.invoice-box table tr td:nth-child(2) {
    text-align: right;
}

.invoice-box table tr.top table td {
    padding-bottom: 1px;
}

.invoice-box table tr.top table td.title {
    font-size: 45px;
    line-height: 45px;
    color: #333;
}

.invoice-box table tr.information table td {
    padding-bottom: 10px;
}

.invoice-box table tr.heading td {
    background: #eee;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.invoice-box table tr.details td {
    padding-bottom: 20px;
}

.invoice-box table tr.item td {
    border-bottom: 1px solid #eee;
}

.invoice-box table tr.item.last td {
    border-bottom: none;
}

.invoice-box table tr.total td:nth-child(2) {
    border-top: 2px solid #eee;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .invoice-box table tr.top table td {
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .invoice-box table tr.information table td {
        width: 100%;
        display: block;
        text-align: center;
    }
}
body#pdf-body {
  margin-top: 0rem; 
  background-image: None;
  background-color: #fafafa;
}

.noborder td, .noborder th, .noborder tr {
  border: none;
}

table.t01 {

  font-size: x-small;
  margin-top: 4%;
  font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;  
  font-weight: 300;
}

table.t04 th {
  background: rgba(137, 136, 192, 0.5); 
}


table#t02 {
  border: 1px solid black;
  border-collapse: collapse;
  font-size: x-small;
  margin-left: 40%;
  position: fixed;
  bottom: 0;
  margin-bottom: 30px;
  text-align: center;    
}
table.t01 tr:nth-child(odd) { 
  background: white;

}

table.t01 tr:nth-child(even) { 
  background: rgb(235, 233, 233);
}

tr#tax {
background: rgb(250, 249, 249);
}

div#total {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 4px;
  text-align: center;
  text-decoration: underline;
  font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;

}
.signature {
  margin-top: 7%;
  font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.image {
  margin-top: 2%;
}
.notes {
  font-size: 10px;

}

.row {
  display: flex;

}

.column {
  flex: 50%;
  padding-left: 5%;
}
@media screen and (max-width: 600px) {
  .column {
  width: 100%;
  }
}

#smaller_text{
  font-size: 14px;
}

#smallest_text{
  font-size: 12px;

}  


img {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.4);
  margin-bottom: 16px;
}
.header {
  background-color:  rgba(164, 169, 170, 0.952);
  background-size: cover;
  background-position: center;
  position: relative;
}  
.overlay {
  position: absolute;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  left: 0;
  top: 0;
  background: rgba(245, 246, 247, 0.9);
}   

html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #7e3572;
  color: white;
}


.cardexpand{
  border-radius: 30px;
  background: rgb(172, 91, 161, 0.0);
  /* box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05); */
  transition: 3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);

cursor: pointer;
}

.cardexpand:hover{
  transform: scale(1.05);
  /* box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06); */
}

  .card1 {
    /* border-style: none; */
    background:#be9fd3;
    border-radius: 30px;
  }

  .card2 {
    border-radius: 30px;

    background:#cdbbe9;
  }

  .card3 {
    border-radius: 30px;

    background:#bbcde9;
  }

  .card4 {
    border-radius: 30px;

    background:rgb(172, 91, 161, 0.6);
  }




.bg-lightsteel {
  background-color: #11406350;
}

.header {
  background-image: url('images/header-background.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
}  
.overlay {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}  


.card {
  background-color: #fff;
  border-radius: 10px;
  border: none;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}

.card-title {
  color: #f1f3f7;
}

.l-bg-summary {
  background: linear-gradient(to right, #692a3c, rgb(177, 67, 131)) !important;
  color: #fff;
}

.l-bg-cherry {
  background: linear-gradient(to right, #492b3d, rgb(182, 103, 150)) !important;
  color: #fff;
}

.l-bg-blue-dark {
  background: linear-gradient(to right, #492b49, #bf7ac5) !important;
  color: #fff;
}

.l-bg-green-dark {
  background: linear-gradient(to right, #593c5f, #d37cd3) !important;
  color: #fff;
}

.l-bg-orange-dark {
  background: linear-gradient(to right, #603b68, #c881e4) !important;
  color: #fff;
}

.l-bg-purple-dark {
  background: linear-gradient(to right, #4c3b68, #c881e4) !important;
  color: #fff;
}

.l-bg-bluepurple-dark {
  background: linear-gradient(to right, #503b68, #9f81e4) !important;
  color: #fff;
}

.l-bg-purple-light {
  background: linear-gradient(to right, #a05396, #f0baf0) !important;
  color: #fff;
}

.card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {
  font-size: 95px;
}

.card .card-statistic-3 .card-icon {
  text-align: center;
  line-height: 50px;
  margin-left: 15px;
  color: #000;
  position: absolute;
  right: -5px;
  top: 20px;
  opacity: 0.1;
}

.l-bg-cyan {
  background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
  color: #fff;
}

.l-bg-green {
  background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
  color: #fff;
}

.l-bg-orange {
  background: linear-gradient(to right, #f9900e, #ffba56) !important;
  color: #fff;
}

.l-bg-cyan {
  background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
  color: #fff;
}