/*
Theme Name: Invoice
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: WebWrithe
Author URI: http://www.webwrithe.com
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1300px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/**
font-family: 'Poppins', sans-serif;
 **/


body,
button,
input,
select,
textarea {
	color: #444;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: 18px;
	padding:0;
	margin:0;
}

html.js{margin:0 !important;}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
p{margin:0 0 14px;}
p:last-child{margin:0;}

header{margin-bottom:60px;}
header.site-header{margin-bottom:60px;background:#2a3547; padding:30px 10px;}
main{padding:0 10px; background:url(images/cw-bg.jpg) no-repeat center top; background-size:100% auto;}
.wrap{max-width:1400px; margin:auto;}
.clear{clear:both; height:0; padding:0; margin:0;}
.header-left{float:left;width:65%; background:url(images/header-bg-1.png) no-repeat right 0; padding:20px 40px;}
.header-left img{height:90px; width:auto;}
.header-right{float:right;width:35%; text-align:right; padding:10mm 0 0 0;}

.invoiceHead{display:block; font-size:42px; text-transform:uppercase; font-weight:800; line-height:48px; color:#2066bb; letter-spacing: 4px; margin-bottom:4px;}
.invcNmbrDate{display:inline-block; width:206px;}
.invcNmbrDate table{width:100%;}
.invcNmbrDate table,.invcNmbrDate table tr,.invcNmbrDate table td,.invcNmbrDate table th{padding:0; margin:0; border:none;}
.invcNmbrDate table td{text-align:right;}
.invcNmbrDate table th{text-align:left;font-weight:400;}

.invoiceAddress{margin-bottom:40px;}
.invoiceTo{float:left; width:45%;}
.invoiceFrom{float:right; width:45%; text-align:right;}
.invTtl{display:block; text-transform:uppercase; font-size:15px; line-height:20px; font-weight:600;color:#2066bb; margin-bottom:16px;}
.invcName{display:block; font-size:22px; line-height:30px; margin-bottom:0; font-weight:600;}
.invcName2{display:block; font-size:20px; line-height:30px; margin-bottom:0; font-weight:600;}
.invcTax{display:block; font-size:15px; line-height:20px; margin-bottom:10px; font-weight:500;}


#invoice{margin-bottom:40px;}
.invoiceDateTable{margin-bottom:10px;}
.invoiceDateTable table{width:100%;}
.invoiceDateTable table,.invoiceDateTable table tr,.invoiceDateTable table td,.invoiceDateTable table th{padding:0; margin:0; border:none;}
.invoiceDateTable table th:first-child{background:#2066bb; color:#FFF; text-align:left;}
.invoiceDateTable table th:last-child{background:#2a3547; color:#FFF; text-align:right;}
.invoiceDateTable table th{padding:15px 20px;font-weight:400; text-transform:uppercase; font-size:14px;font-weight:600;}
.invoiceDateTable table td{padding:20px 20px; background:rgba(0,0,0,0.04);border-bottom:1px #DDD solid;}
.invoiceDateTable table td:last-child{text-align:right; width:180px;}

.invoiceDateTable table .tblCont td{vertical-align:top;}
.invoiceDateTable table .tblCont .pd{min-height:150px;}
.price{font-weight:600;}

.faData{float:right; width:300px;}
.faData table{width:100%;border-spacing: 0;border-collapse: collapse;}
.faData table tr td,.faData table tr th{border-bottom:1px #DDD solid;}
.faData table tr:last-child td,.faData table tr:last-child th{border:none;}
.faData table td,.faData table th{padding:12px 20px;}
.faData table th{text-align:left;}
.faData table td:last-child{text-align:right; width:180px;}

.total td,.total th{background:#2066bb; color:#FFF;padding:16px 20px !important; }
.total{font-size:15px;}

.authorisedSign{float:left; width:180px; text-align:center; margin-top:20px;}
.authorisedSign code{display:block;}
.authorisedSign code img{display:inline-block; height:70px;}
.authorisedSign span{display:block; border-top:1px #DDD dotted; font-weight:600; padding-top:10px;}


.printBtn{text-align:center; display:block; margin-bottom:30px;}
.printBtn button{border:none; background:#2066bb; height:36px; padding:0 40px; border-radius:3px; color:#FFF; cursor:pointer;}


footer{border-top:2px #2066bb solid; padding:30px 0; margin-top:90px;}
.bankDtls{float:left;}
.cnctDtls{float:right; text-align:right;}
.ftrInfoTtl{display:block; text-transform:uppercase; color:#2066bb; font-weight:600; margin-bottom:10px; font-size:15px;}

.site-branding{text-align:center;}
.site-branding a{display:inline-block;}

.site-info{text-align:center;}
h1.page-title{font-weight:400; font-size:40px; line-height:50px; padding:50px 10px; text-align:center; color:#2066bb;}

main#home{min-height:600px;}


#invoiceList{}
#invoiceList table{width:100%;padding:0; margin:0; border:none;}

#invoiceList table thead th{font-weight:400; background:#3f77bc; color:#FFF; text-transform:uppercase; padding:20px 20px;}
#invoiceList table thead th:first-child{text-align:left;}
#invoiceList table thead th:last-child{text-align:right;}
#invoiceList table tbody td{padding:14px 20px; border-bottom:1px #DDD solid; background:#F5F5F5;text-align:center;}
#invoiceList table tbody tr:nth-child(2n) td{background:#FFF;}
#invoiceList table tbody td:first-child{text-align:left;}
#invoiceList table tbody td:last-child{text-align:right;}


#pageNumber{text-align: center;}
#pageNumber span, #pageNumber a{line-height: 30px; width: 30px; display: inline-block; vertical-align: middle; margin: 0 2px; background:var(--brandColor); text-transform: uppercase; color: var(--white); border-radius: 3px; font-size: 12px;}
#pageNumber .prev, #pageNumber .next{width: auto; padding: 0 10px;}
#pageNumber .current{background-color: #333;}

#backPage{padding: 150px 0; text-align: justify;}
#backPage li{list-style: none; background: url(images/bullet1.png) no-repeat 0 3px; padding: 0 0 0 20px; margin-bottom: 5px;}
#backPage h2{font-weight: 400; color: #2066bb; text-align: center;}

@media print { 
	.noprint{display:none;} 
	@page {size: A4;margin:0;}
	.header-left{padding:40px 40px 20px 80px;}
	.header-right{padding:10mm 10mm 0 0;}
	main{padding:0;margin:0 10mm;}
}