/**
Theme Name: Astra Child
Author: Joseph
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child 
Template: astra
*/ 

body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif !important; } 
main { width: 100%; float: left; margin: 0; padding: 0; }
.wrapper { max-width: 100%; margin: 0 auto; padding: 0 15px; }
form{ margin: 0; }  
a.editinvbtn:hover { color: #fff !important; }
form input, button{ padding: 5px; }
table{ width: 100%; margin-bottom: 30px !important; border-collapse: collapse; }
section.invoiceform table:last-child { margin: 0 !important; }
section.invoiceform { padding: 50px 0 80px; }
table, th, td{ border: 1px solid #6d1f7e; } 
table th, table td{ padding: 10px; text-align: left; }  
table.formtop th:first-child { width: 25%; }
table.formtop th { background: #1a2674; font-weight: 400; font-size: 18px; line-height: 18px; }
table.formtop img { max-width: 100%; width: auto; }
table.formtop th { color: #fff; }
table.formtop input:focus, table.formtop select:focus, table.formmiddle input:focus, table.formmiddle textarea:focus { border: 1px solid #ccc !important; outline: #ccc !important; }
table.formtop th h3 { text-align: center; font-weight: 600; font-size: 30px; line-height: 30px; margin: 0; padding: 0; }
table.formtop input, table.formtop select, select#user_dropdown, select#inv_month_dropdown, select#month_dropdown, table.formmiddle input, table.formmiddle textarea, select#fiscal_year_dropdown { width: 100% !important; font-size: 16px; line-height: 26px; padding: 7px 10px; margin: 0; float: left; border: 1px solid #ccc; }
table.formmiddle label { width: 100% !important; float: left; padding: 5px; line-height: 22px; }
table.formmiddle tbody td { vertical-align: top; }
table.formmiddle th { background: #1a2674; color: #fff; font-weight: 400; font-size: 18px; line-height: 30px; padding: 20px 10px; text-align: center;     }
table.formmiddle input[type="radio"] { height: 22px; width: 22px !important; margin-right: 10px; }
table.formmiddle tr td:nth-child(5), table.formmiddle tr td:nth-child(6) { text-align: center; }
table.formmiddle tr td:nth-child(1) input, table.formmiddle tr td:nth-child(5) input, table.formmiddle tr td:nth-child(6) input { width: 100%; }
table.formmiddle textarea { height: 125px; }
table.formmiddle tr td:nth-child(2) [type="date"]::-webkit-inner-spin-button { display: none; }
table.formmiddle tr td:nth-child(2) [type="date"]::-webkit-calendar-picker-indicator { display: none; }
h3.inv_intotal { text-align: center; margin: 0; }
table.formmiddle input[type="radio"]:checked:before { background: #1a2674; }
section.invoiceform input[type="submit"], section.invoiceform button[type="button"], .editinvbtn { padding: 15px 30px; margin: 0 !important; background: #1a2674; border: none; color: #fff; font-size: 14px !important; text-shadow: none !important; border-radius: 0 !important; display: inline-block; transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out; text-align: center !important; vertical-align: middle; outline: none; white-space: nowrap; -webkit-text-stroke: 0px; width: auto; box-shadow: none; cursor: pointer; -webkit-font-smoothing: antialiased; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important; text-transform: uppercase !important; -webkit-appearance: button; letter-spacing: 0.1em !important; font-weight: 600; }     
section.invoiceform.viewinvoice th, section.invoiceform.viewinvoice td, section.invoiceform th, section.invoiceform td { padding: 10px !important; border: 1px solid #6d1f7e !important; }
section.invoiceform.viewinvoice tfoot tr { background: #1a2674 !important; color: #fff !important; }
.editinvbtn { display: inline-block; float: right; margin-bottom: 30px !important; }
section.invoiceform h3 { text-align: center; font-size: 24px !important; line-height: 34px !important; font-weight: 700 !important; text-decoration: none !important; color: #1a2674 !important; margin-bottom: 30px; }
table#formmiddle h3 { text-decoration: none !important; color: #fff !important; margin: 0; }
table#formmiddle tfoot tr { background: #1a2674 !important; }
table.formtop h3 { color: #fff !important; text-decoration: none !important; }
table#formmiddle h3.sub-total { color: #000 !important; }
img.signature { height: 100px; float: right; }
section.invoiceform input[type="submit"]:disabled { background-color: #ccc; color: #666; cursor: not-allowed; }
a.editinvbtn:focus { color: #fff !important; }
tr.Approved a { color: #fff; }
tr.Approved { background: green; color: #fff; } 
tr.Sent.back.by.Stuart, tr.Sent.back.by.Erin { background: yellow; color: #000; }
table.billto { border: none !important; }
table.billto td { width: 50%; border: none !important; text-align: right; }
table.gtotal, table.gtotal td { border: none !important; }
table.gtotal td { width: 16.66%; color: #fff; font-size: 20px; line-height: 20px; }
table.gtotal td.border.bg { background: #1a2674; border: 1px solid #6d1f7e !important; color: #ffffff; }
table.gtotal td.border { border: 1px solid #6d1f7e !important; color: #000000; }
section.invoiceform.viewinvoice table.billto td, section.invoiceform.viewinvoice table.billto tr { border: none !important; }
table.gtotal td:first-child, table.gtotal td:nth-child(2) { border: none !important; }
.reportfilter { width: 100%; float: left; margin: 0 0 30px; }
section.invoiceform table.filtertbl { max-width: 90%; margin: 0 auto !important; border: none !important; }
section.invoiceform table.filtertbl tr { display: flex; border: none !important; justify-content: space-evenly; align-items: end; }
section.invoiceform table.filtertbl tr td { width: 100%; border: none !important; }
section.invoiceform table.filtertbl tr td button { border-radius: 0; background: #1a2674; color: #fff; font-size: 20px; padding: 15px 20px; width: 100%; }
.details { width: 100%; float: left; margin: 0 0 30px; }
.details p { margin: 0 0 10px; }
.details p:last-child { margin: 0; }
table#formmiddle.reportdata th, table#formmiddle.reportdata td { text-align: left !important; }
td#rtotalamount { font-weight: bold; }