.invoice {
  width: 800px;
  margin: 0 auto;
  font-family: Calibri;
  font-size: 10px;
}
.invoice .text-left {
  text-align: left !important;
}
.invoice .text-center {
  text-align: center !important;
}
.invoice .text-right {
  text-align: right !important;
}
.invoice table {
  width: 100%;
  border-spacing: 0;
}
.invoice .invoice-nessos section {
  margin-bottom: 20px;
}
.invoice .invoice-nessos table tr th {
  border: 1px dotted darkgrey;
  font-weight: bold;
  background-color: gray;
  text-align: center;
}
.invoice .invoice-nessos table tr td {
  border: 1px dotted darkgrey;
  text-align: center;
  padding: 0 3px;
  vertical-align: top;
  height: 15px;
}
.invoice .invoice-nessos table tr td.label, .invoice .invoice-nessos table tr td.label-2, .invoice .invoice-nessos table tr td.value, .invoice .invoice-nessos table tr td.value-2 {
  text-align: left;
  border: none;
  height: 15px;
}
.invoice .invoice-nessos table tr td.label .colon, .invoice .invoice-nessos table tr td.label-2 .colon {
  float: right;
}
.invoice .invoice-nessos table tr td.separator {
  width: 0.5%;
  border: none;
  padding: 0;
}
.invoice .invoice-nessos .top .logo {
  border: 1px dotted darkgrey;
  text-align: center;
  padding: 1px 0;
}
.invoice .invoice-nessos .top .about {
  line-height: 2em;
  border: 1px dotted darkgrey;
  font-family: "Century Gothic";
  font-size: 9px;
  text-align: center;
}
.invoice .invoice-nessos .top .about .brand {
  font-size: 17px;
  font-weight: bold;
}
.invoice .invoice-nessos .customer-other-data .customer-data {
  width: 60%;
  padding: 0;
}
.invoice .invoice-nessos .customer-other-data .customer-data > table tr td.label {
  width: 20%;
}
.invoice .invoice-nessos .customer-other-data .customer-data > table tr td.value {
  width: 30%;
}
.invoice .invoice-nessos .customer-other-data .customer-data > table tr td.label-2 {
  width: 10%;
}
.invoice .invoice-nessos .customer-other-data .customer-data > table tr td.value-2 {
  width: 40%;
}
.invoice .invoice-nessos .customer-other-data .other-data {
  width: 40%;
  padding: 0;
}
.invoice .invoice-nessos .customer-other-data .other-data > table tr td.label {
  width: 35%;
}
.invoice .invoice-nessos .customer-other-data .other-data > table tr td.value {
  width: 65%;
}
.invoice .invoice-nessos .invoice-items > table tr td {
  height: 15px;
}
.invoice .invoice-nessos .invoice-items .qty {
  width: 10%;
}
.invoice .invoice-nessos .invoice-items .causality {
  width: 50%;
}
.invoice .invoice-nessos .invoice-items .unit-price {
  width: 20%;
}
.invoice .invoice-nessos .invoice-items .price {
  width: 20%;
}
.invoice .invoice-nessos .bottom .bottom-left {
  width: 60%;
  border: none;
  padding: 0;
}
.invoice .invoice-nessos .bottom .bottom-right {
  width: 40%;
  border: none;
  padding: 0;
}
.invoice .invoice-nessos .bottom .textual {
  margin-top: 53px;
}
.invoice .invoice-nessos .bottom .textual > table tr td {
  height: 30px;
  vertical-align: top;
  border: 1px dotted darkgrey;
}
.invoice .invoice-nessos .bottom .textual > table tr td.label {
  width: 25%;
}
.invoice .invoice-nessos .bottom .textual > table tr td.value {
  width: 75%;
}
.invoice .invoice-nessos .bottom .bank-details {
  margin-top: 60px;
}
.invoice .invoice-nessos .bottom .bank-details > table tr td {
  height: 60px;
  vertical-align: top;
  border: 1px dotted darkgrey;
}
.invoice .invoice-nessos .bottom .notes {
  margin-top: 40px;
}
.invoice .invoice-nessos .bottom .notes > table tr td {
  height: 60px;
  vertical-align: top;
  border: 1px dotted darkgrey;
}
.invoice .invoice-nessos .bottom .totals > table tr td {
  border: 1px dotted darkgrey;
}
.invoice .invoice-nessos .bottom .totals > table tr.payment-amount {
  font-weight: bold;
}
.invoice .invoice-nessos .bottom .totals > table tr.payment-amount td.label {
  font-size: 11px;
  letter-spacing: 0.1em;
}
.invoice .invoice-nessos .bottom .totals > table tr.payment-amount td.value {
  font-size: 12px;
}
.invoice .invoice-nessos .bottom .signatures {
  margin-top: 30px;
}
.invoice .invoice-nessos .bottom .signatures > table tr td {
  border: none;
}
.invoice .invoice-nessos .bottom .signatures > table tr:first-of-type td {
  vertical-align: top;
}
.invoice .invoice-ic-saraidaris {
  font-size: 14px;
  color: #253356;
}
.invoice .invoice-ic-saraidaris .bg, .invoice .invoice-ics-verification-services table thead tr .invoice-ic-saraidaris th, .invoice .invoice-ics-verification-services table tbody tr .invoice-ic-saraidaris th, .invoice .invoice-ic-saraidaris table thead tr th, .invoice .invoice-ic-saraidaris table tbody tr th {
  background-color: #D9DFEF;
}
.invoice .invoice-ic-saraidaris section {
  padding: 20px 40px;
  margin-top: 20px;
  border: 2px solid #7F8FA9;
  border-radius: 30px;
}
.invoice .invoice-ic-saraidaris table thead tr th, .invoice .invoice-ic-saraidaris table tbody tr th {
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
}
.invoice .invoice-ic-saraidaris table thead tr td, .invoice .invoice-ic-saraidaris table tbody tr td {
  padding: 5px 10px;
  vertical-align: top;
}
.invoice .invoice-ic-saraidaris table.bordered > thead > tr > th, .invoice .invoice-ic-saraidaris table.bordered > thead > tr > td, .invoice .invoice-ic-saraidaris table.bordered > tbody > tr > th, .invoice .invoice-ic-saraidaris table.bordered > tbody > tr > td {
  border: 1px solid #778CC1;
}
.invoice .invoice-ic-saraidaris .invoice-top {
  text-align: center;
}
.invoice .invoice-ic-saraidaris .invoice-top .logo {
  vertical-align: middle;
  width: 49%;
}
.invoice .invoice-ic-saraidaris .invoice-top .logo > img {
  width: 100%;
}
.invoice .invoice-ic-saraidaris .invoice-top .separator {
  width: 4px;
  padding: 0;
  background: #253356;
}
.invoice .invoice-ic-saraidaris .invoice-top .about {
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
}
.invoice .invoice-ic-saraidaris .invoice-top .about .company-title {
  color: #404040;
}
.invoice .invoice-ic-saraidaris .invoice-top .about .address {
  color: #404040;
}
.invoice .invoice-ic-saraidaris .invoice-top .about .tax-info {
  color: #4A66B6;
}
.invoice .invoice-ic-saraidaris .invoice-top .about .tel, .invoice .invoice-ic-saraidaris .invoice-top .about .fax, .invoice .invoice-ic-saraidaris .invoice-top .about .email {
  color: #404040;
}
.invoice .invoice-ic-saraidaris .invoice-body {
  position: relative;
}
.invoice .invoice-ic-saraidaris .invoice-body .title {
  color: #253356;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
.invoice .invoice-ic-saraidaris .invoice-body .issue-info {
  margin-top: 30px;
  width: 70%;
}
.invoice .invoice-ic-saraidaris .invoice-body .issue-info table tr td:first-of-type {
  width: 50%;
}
.invoice .invoice-ic-saraidaris .invoice-body .client-info {
  margin-top: 30px;
}
.invoice .invoice-ic-saraidaris .invoice-body .client-info table table tr td:first-of-type {
  padding-left: 0;
  width: 30%;
}
.invoice .invoice-ic-saraidaris .invoice-body .amounts {
  margin-top: 30px;
}
.invoice .invoice-ic-saraidaris .invoice-body .amounts table tr.payable td {
  background-color: #4A66AC;
  font-weight: bold;
  color: #FFF;
}
.invoice .invoice-ic-saraidaris .invoice-body .law {
  margin-top: 30px;
  color: #4A66B6;
}
.invoice .invoice-ic-saraidaris .invoice-body .bank-details {
  margin: 60px 0;
  width: 70%;
}
.invoice .invoice-ic-saraidaris .invoice-body .bank-details .bank-details-label {
  text-decoration: underline;
  color: #4A66B6;
}
.invoice .invoice-ic-saraidaris .invoice-body .bank-details table {
  margin-top: 10px;
}
.invoice .invoice-ic-saraidaris .invoice-body .payments-terms {
  color: #4A66B6;
  position: absolute;
  bottom: 0;
  width: 400px;
  left: 200px;
  text-align: center;
}
.invoice .invoice-ics-verification-services {
  font-size: 14px;
  color: #017057;
}
.invoice .invoice-ics-verification-services .bg, .invoice .invoice-ics-verification-services table thead tr th, .invoice .invoice-ics-verification-services table tbody tr th, .invoice .invoice-ic-saraidaris table thead tr .invoice-ics-verification-services th, .invoice .invoice-ic-saraidaris table tbody tr .invoice-ics-verification-services th {
  background-color: #DEF6E9;
}
.invoice .invoice-ics-verification-services .text-dark {
  color: #404040;
}
.invoice .invoice-ics-verification-services section {
  padding: 20px 40px;
  margin-top: 20px;
  border: 2px solid #367164;
  border-radius: 30px;
}
.invoice .invoice-ics-verification-services table thead tr th, .invoice .invoice-ics-verification-services table tbody tr th {
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
}
.invoice .invoice-ics-verification-services table thead tr td, .invoice .invoice-ics-verification-services table tbody tr td {
  padding: 5px 10px;
  vertical-align: top;
}
.invoice .invoice-ics-verification-services table.bordered > thead > tr > th, .invoice .invoice-ics-verification-services table.bordered > thead > tr > td, .invoice .invoice-ics-verification-services table.bordered > tbody > tr > th, .invoice .invoice-ics-verification-services table.bordered > tbody > tr > td {
  border: 1px solid #378E7B;
}
.invoice .invoice-ics-verification-services .invoice-top {
  text-align: center;
}
.invoice .invoice-ics-verification-services .invoice-top .logo {
  padding-top: 0;
  padding-bottom: 0;
}
.invoice .invoice-ics-verification-services .invoice-top .logo > img {
  height: 180px;
}
.invoice .invoice-ics-verification-services .invoice-top .separator {
  width: 4px;
  padding: 0;
  background: #017057;
}
.invoice .invoice-ics-verification-services .invoice-top .about {
  text-align: center;
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}
.invoice .invoice-ics-verification-services .invoice-top .about .company-title {
  color: #017057;
}
.invoice .invoice-ics-verification-services .invoice-top .about .address {
  color: #404040;
}
.invoice .invoice-ics-verification-services .invoice-top .about .tax-info {
  color: #017057;
}
.invoice .invoice-ics-verification-services .invoice-top .about .contact {
  color: #404040;
}
.invoice .invoice-ics-verification-services .invoice-body {
  position: relative;
}
.invoice .invoice-ics-verification-services .invoice-body .title {
  color: #017057;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
.invoice .invoice-ics-verification-services .invoice-body .issue-info {
  margin-top: 30px;
  width: 70%;
}
.invoice .invoice-ics-verification-services .invoice-body .issue-info table tr td:first-of-type {
  width: 50%;
}
.invoice .invoice-ics-verification-services .invoice-body .client-info {
  margin-top: 30px;
}
.invoice .invoice-ics-verification-services .invoice-body .client-info table table tr td:first-of-type {
  padding-left: 0;
  width: 30%;
}
.invoice .invoice-ics-verification-services .invoice-body .amounts {
  margin-top: 30px;
}
.invoice .invoice-ics-verification-services .invoice-body .amounts table tr.payable td {
  background-color: #017057;
  font-weight: bold;
  color: #FFF;
}
.invoice .invoice-ics-verification-services .invoice-body .bank-details {
  margin: 60px 0;
  width: 70%;
}
.invoice .invoice-ics-verification-services .invoice-body .bank-details .bank-details-label {
  text-decoration: underline;
}
.invoice .invoice-ics-verification-services .invoice-body .bank-details table {
  margin-top: 10px;
}
.invoice .invoice-ics-verification-services .invoice-body .payments-terms {
  position: absolute;
  bottom: 0;
  width: 400px;
  left: 200px;
  text-align: center;
}