#page {
	width: 1150px;
}
#inner {
	width: 1103px;
}
#head {
	height: 110px;
	background-position: bottom;
}
#head #contact-details p span {
	font-weight: bold;
}
#head #contact-details p {
	font-weight: bold;
}
#head #contact-details {
	float: left;
	position: absolute;
	font-size: 13px;
	top: 15px;
}
#head #admin-title {
	float: right;
	position: absolute;
	right: 30px;
	top: 22px;
	font-weight: bold;
	font-size: 40px;
}

#nav {
	background: url(../images/header-admin-bg.png) repeat-x;
}
#nav ul li {
	background: url(../images/header-admin-bg-orange.png) repeat-x;
	width: 110px;
}
#nav ul li a {
	background: url(../images/header-admin-bg.png) repeat-x;
	padding: 0;
	line-height: 59px;
	height: 59px;
	margin-right: 1px;
	text-align: center;
}
h1 {
	font-weight: bold;
	font-size: 18px;
	margin: 5px 0;
color: #e77716;
}
h2 {
font-weight: bold;
font-size: 14px;
color: rgb(16, 63, 153);
margin: 5px 0 5px 0;
}
#content {
	margin: 15px;
	background: #f2f2f2;
	padding: 5px;
}

label {
	display: block;
	margin-top: 5px;
}
input {
	display: block;
}
input[type="submit"] {
	margin: 10px 0;
}
p.error {
	padding: 25px;
	font-weight: bold;
	color: #f33;
}

p.success {
	padding: 25px;
	font-weight: bold;
	color: #060;
}
table {
	border-spacing: 3px;
	padding: 3px;
	border-collapse: separate;
}
th {
	border-spacing: 3px;
	padding: 3px;
	font-weight: bold;
	padding: 3px;
	background: #ddd;
}
td {
	border-spacing: 3px;
	padding: 3px;
	background: #eee;
}
table.product-details th {
	width: 150px;
}
table.product-details td {
	width: 350px;
}

table.product-edit input[type="text"] {
	width: 300px;
}
table.product-edit textarea {
	width: 300px;
	height: 200px;
}

#nav-sec {
	overflow: hidden;
	display: block;
}
#nav-sec ul li {
	float: left;
	font-size: 14px;
	margin: 15px 10px; 
}
#nav-sec a {
	font-weight: bold;
}

table#invoices {
	width: 100%;
	border-spacing: 0 4px;
	color: #333;
}
table#invoices tr.totals td {
	font-weight: bold;
}
table#invoices tr.totalsgrand td {
	font-weight: bold;
	background-color:#FFFFFF;
	text-align:left;
}
table#invoices tr.totalsunpaid td {
	font-weight: bold;
	background: #9abbdf;
	text-align:left;
}
table#invoices tr.totalspaid td {
	font-weight: bold;
	background: #a1d299;
	text-align:left;
	
}
table#invoices tr.monthsrow td {
	background: #bddcba;
	text-align:center;
	color:#103F99;
	border-right: 4px solid #f2f2f2;
	
}

table#invoices tr.monthsrow a {
	text-align:center;
	color:#103F99;
	
}

table#invoices tr.headrow td {
	text-align:center;
	font-weight:bold;
	color: #333;
	background: #d6d6d6;
	border-right: 4px solid #f2f2f2;
	padding: 5px;
	height: 10px;
	
}

table#invoices a {
	color: #333;
}
table#invoices th {
	color: #333;
	background: #d6d6d6;
	border-right: 4px solid #f2f2f2;
	padding: 5px;
	font-weight: normal;
	height: 10px;
}
table#invoices th.end {
	border-right: none;
}
table#invoices tr.status-Unpaid td {
	background: #9abbdf;
}
table#invoices tr.status-Paid td {
	background: #a1d299;
}
table#invoices tr.status-PartPaid td {
	background: #f1c19d;
}
table#invoices tr.status-NotStarted td {
	background: #9abbdf;
}
table#invoices tr.status-Started td {
	background: #a1d299;
}
table#invoices tr.status-CreditNote td {
	background: #f5c7ff;
}

table#invoices td a.button {
	display: block;
	float: left;
	margin-right: 13px;
	width: 49px;
	height: 15px;
	background: #72706f;
	border: 2px solid #dcdcdc;
	text-align: center;
	line-height: 15px;
	color: #dcdcdc;
	text-decoration: none;
	padding: 2px;
}
table#invoices td input {
	height: 15px;
	display: inline;
}






table#expenses {
	width: 100%;
	border-spacing: 0 4px;
	color: #333;
}
table#expenses tr.totals td {
	font-weight: bold;
}
table#expenses tr.totalsgrand td {
	font-weight: bold;
	background-color:#FFFFFF;
	text-align: center;
}
table#expenses tr.totalsunpaid td {
	font-weight: bold;
	background: #9abbdf;
	text-align: center;
}
table#expenses tr.totalspaid td {
	font-weight: bold;
	background: #a1d299;
	text-align: center;
	
}
table#expenses tr.monthsrow td {
	background: #bddcba;
	text-align:center;
	color:#103F99;
	border-right: 4px solid #f2f2f2;
	
}

table#expenses tr.monthsrow-reports td {
	background: #F5B0B3;
	text-align:center;
	color:#103F99;
	border-right: 4px solid #f2f2f2;
	
}

table#expenses tr.monthsrow a {
	text-align:center;
	color:#103F99;
	
}

table#expenses tr.headrow td {
	text-align:center;
	font-weight:bold;
	color: #333;
	background: #d6d6d6;
	border-right: 4px solid #f2f2f2;
	padding: 0px;
	height: 10px;
	
}

table#expenses a {
	color: #333;
}

citydiv {
	text-align:center;
}

table#expenses th {
	color: #333;
	background: #d6d6d6;
	border-right: 4px solid #f2f2f2;
	padding: 5px;
	font-weight: normal;
	height: 10px;
	text-align:center;
	font-weight:bold;
}
table#expenses th.end {
	border-right: none;
}
table#expenses tr.status-Unpaid td {
	background: #9abbdf;
	text-align:center;
}
table#expenses tr.status-Paid td {
	background: #a1d299;
	text-align:center;
}
table#expenses tr.status-New td {
	background: #ffffff;
	text-align:center;
}

table#expenses tr td {
	text-align:center;
}

table#expenses td a.button {
	display: block;
	float: left;
	margin-right: 13px;
	width: 49px;
	height: 15px;
	background: #72706f;
	border: 2px solid #dcdcdc;
	text-align: center;
	line-height: 15px;
	color: #dcdcdc;
	text-decoration: none;
	padding: 0px;
}
table#expenses td input {
	height: 15px;
	display: inline;
}







h1#invoice-list {
	background: url(../images/invoice-list.png) no-repeat;
	height: 0px;
	padding-top: 20px;
	overflow: hidden;
	display: block;
	width: 190px;
	float: left;
}
a#invoice-new {
	position: absolute;
	width: 150px;
	height: 25px;
	overflow: hidden;
	display: block;
	float: right;
	top: 15px;
	right: 20px;
	font-size:15px;
	text-align: center;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#330099;
   border-style:solid;
   border-color:#FFFFFF;
   border-width:1px;
}
a#invoice-save {
/*	width: 230px;
	overflow: hidden;
	padding-top: 29px;
	display: block;
	float: left;
	margin-left: 39px;*/
}
a#invoice-list {
/*	background: url(../images/invoice-orderlist.png) no-repeat;
	width: 100px;
	height: 0;
	overflow: hidden;
	padding-top: 39px;
	display: block;
	float: left;
	margin-left: 39px;*/
}
a#invoice-request {
/*	width: 231px;
	overflow: hidden;
	display: block;
	float: left;
	margin-left: 39px;*/
}
#invoice-buttons {
	float: left;
	width: 640px;
	margin-bottom: 10px;	
}

#invoice-buttons2 {
	position:absolute;
	left: 50%;
	margin-left: -410px;
	margin-top: -4px;
}

h1#invoice-num {
	font-size: 21px;
	font-weight: bold;
	color: #0734a2;
	float: left;
}

#invoice {
	background: #f1c19d;
	padding: 15px;
}

#purchaseorder {
	background: #9BEC7D;
	padding: 15px;
}

#creditnote {
	background: #f5c7ff;
	padding: 15px;
}
#invoice-customer {
	background: #fff;
	float: left;
	width: 485px;
	margin-right: 15px;
	padding: 10px;
}
#invoice-date {
	background: #fff;
	padding: 10px;
	margin-bottom: 15px;
}
#invoice h2 {
	color: #0734a2;
	font-size: 20px;
	font-weight: bold;
}
#invoice-delivery {
	background: #fff;
	float: left;
	width: 480px;
	padding: 10px;
}

#invoice-order-details {
	background: #fff;
	padding: 10px;
	margin-top: 15px;
	overflow: hidden;
	zoom: 1;
}


#invoice-finances {
	background: #fff;
	padding: 10px;
	margin-top: 15px;
	overflow: hidden;
	zoom: 1;
}

#invoice-finances textarea {

	border: 2px solid #000;
	font-family: Tahoma, sans-serif;
	width: 990px;
	height: 140px;
	font-size: 12px;
	font-weight: normal;
	padding: 4px;
}
a#new-invoice-button {
	background: url(../images/invoice-newitem.png) no-repeat;
	height: 0px;
	padding-top: 23px;
	display: block;
	overflow: hidden;
	width:140px;
}

table#order-details {
	width:100%;
	border-spacing: 0px 3px;
}
table#order-details th {
	background: #fff;
	border: 2px solid #000;
	border-right: none;
	border-left: none;
	padding: 6px;
	font-weight: normal;
}
table#order-details th.first {
	border-left: 2px solid #000;
}
table#order-details th.last {
	border-right: 2px solid #000;
}
table#order-details td {
	margin: 3px;
	border: 2px solid #000;
	background: #fff;
}
table#order-details td input {
	height:14px;
	margin:0;
	width:70px;
}
table#order-details td.gap {
	border: none;
	width: 3px;
	padding: 0;
}
table#order-details td.quantity {
	width: 30px;
}
table#order-details td.amount {
	width: 70px;
}
table#order-details td.delete { 
	border: none;
	width: 10px;
}
table#order-details td.delete a { 
	text-decoration: none;
	color: #f00;
}

table#order-delivery {
	float: right;
	margin-right: 16px;	
}
table#order-delivery th {
	text-transform: uppercase;
	background: #fff;
	font-weight: normal;
	font-size: 16px;
}
table#order-delivery td {
	border: 2px solid #000;
	background: #fff;
	width: 67px;
}
table#order-delivery td input {
	width:60px;
	height: 14px;
	margin: 0;
}
#unsavedWarning {
	text-align: left;
	padding: 15px 0;
	font-weight: normal;
	color: #f00;
	float: left;
	width: 300px;
	font-size: 22px;
}

table#order-details td.description input {
	width: 435px;
}
table#order-details td.description textarea {
	width: 99%;
	height: 38px;
}
#sendInvoice input[type="text"] {
	width: 200px;
}
#sendInvoice textarea {
	width: 600px;
	height: 300px;
}

.special-image {
	border: 2px solid #e77817;
	padding: 10px;
	margin: 10px;
}

.special-image input {
	display: inline;
}
.special-image input[type="text"] {
	width: 300px;
}
.special-image h2 {
	margin-bottom: 10px;
	color: #0734a2;
}

#product-options form label {
	display: block;
}

#designer textarea {
	width: 600px;
	height: 300px;
}
#admin-user {
	float: left;
	position: absolute;
	text-align: right;
	width: 300px;
	right: 30px;
	top: 80px;
}
#logo {
left: 30px;
}
#head #contact-details {
	left: 200px;
	height: 300px;
	width: 500px;
}

#job {
	background: #dceffc;
	padding: 20px 0 20px 20px;
}
#job h2 {
	margin: 0;
	margin-bottom: 5px;
}
#job .col-half {
	float: left;
	background: #fff;
	width: 476px;
	padding: 10px;
	margin-right: 20px;
}
#job .row {
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}
#job .col-full {
	background: #fff;
	width: 992px;
	padding: 10px;
	margin-bottom: 20px;
}
#job h1 {
	margin: 0;
	margin-bottom: 15px;
	
}
#job input {
	display: inline;
}
#job-name input {
	width: 300px;
}
#job-files input {
	width: 400px;
	display: inline;
}
#job input.submit {
	width: auto;
}
#job-files select {
	display: inline;
}
#job-details textarea {
	width: 970px;
	display: block;
	height: 500px;
}
#job-finance textarea {
	width: 970px;
	height: 300px;
}

table#jobs {
	width: 100%;
	border-spacing: 0 4px;
	color: #333;
}
table#jobs a {
	color: #333;
}
table#jobs th {
	color: #333;
	background: #d6d6d6;
	border-right: 4px solid #f2f2f2;
	padding: 9px;
	font-weight: normal;
}
table#jobs form input {
	margin: 0;
}
table#jobs td {
	padding: 0 3px;
}
table#jobs th.end {
	border-right: none;
}
table#jobs tr.status-Unpaid td {
	background: #9abbdf;
}
table#jobs tr.status-Paid td {
	background: #a1d299;
}
table#jobs tr.status-PartPaid td {
	background: #f1c19d;
}
table#jobs tr.status-NotStarted td {
	background: #9abbdf;
}
table#jobs tr.status-Started td {
	background: #a1d299;
}

table#jobs td a.button {
	display: block;
	float: left;
	margin-right: 13px;
	width: 49px;
	height: 10px;
	background: #72706f;
	border: 2px solid #dcdcdc;
	text-align: center;
	line-height: 14px;
	color: #dcdcdc;
	text-decoration: none;
	padding: 2px;
}

table#jobs th.job-user {
	color: #e77817;
	font-weight: bold;
	font-size: 14px;
	background: none;
}

table#jobs tr.status-new td {
	background: #e9948e;
}

table#jobs tr.status-inprogress td {
	background: #9cbbdf;
}

table#jobs tr.status-delivery td {
	background: #b8db7c;
}

table#jobs tr.status-complete td {
	background: #fff500;
}

table#jobs tr.status-invoiced td {
	background: #c2c1c1;
}
#invoice-home h2 {
	margin: 7px 0 10px 0 ;
	padding-bottom: 10px;
	font-size: 16px;
	border-bottom: 2px solid rgb(231, 119, 22);
	width: 200px;
}
.invoice-block {
float: left;
width: 205px;
}
.invoice-block-date{
float: left;
width: 230px;
}
.last-30 {
float: left;
width: 1050px;
}

input.invoice-button
{
   font-size:10px;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#330099;
   border-style:solid;
   border-color:#FFFFFF;
   border-width:1px;
   height: 14px;
}

input.petesgayrow { font-size: 10px; color:#000000; height: 5px; margin:0px; padding:0px; }

.comment-box {
    transition: all 0.4s ease;
}
.comment-box.comment-updated,
.comment-box.comment-updated:-webkit-autofill,
.comment-box.comment-updated:-webkit-autofill:hover, 
.comment-box.comment-updated:-webkit-autofill:focus {
    background-color: #a1d299;
    -webkit-box-shadow: 0 0 0 30px #a1d299 inset;
} 

.price-calc-vars #options input {
  display: inline-block;
}

button.link {
  background: none;
  border: none;
  padding: none;
  color: rgb(231, 119, 22);
  text-decoration: underline;
  cursor: pointer;
}

#price-opts {
  padding: 1rem 0;
}

#price-opts h2 {
  margin-bottom: 1rem;
}

.input-wrapper {
  display: flex;
  align-items: center;
}

.checkbox-list-wrapper {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.checkbox-list-wrapper label {
   margin-right: 15px;
   display: flex;
}

.actions {
   margin-top: 20px;
   display: flex;
}

.actions input, 
.actions button {
   margin-right: 10px;
}

#edit-collection label {
   min-width: 70px;
}

#edit-collection p.error {
   padding: 10px 0;
}

#price-opts .opt-classification {
  display: none;
}

#price-opts .opt-classification.show {
  display: block;
}

#price-opts .opt-classification .option-set {
  padding: 10px 0;
}

#price-opts .opt-classification .option-set h3 {
  font-size: 0.8rem;
  margin-bottom: 10px;
  font-weight: 600;
}

#price-opts .opt-classification label {
  margin-right: 10px;
}

#price-opts .classification {
  margin-bottom: 1rem;
}

#price-opts .radio-label {
  display: flex;
}

#price-opts .custom-option {
  padding: 2rem 0;
}

#price-opts .custom-option .option-details {
  margin-top: 10px;
}

#price-opts .custom-option,
#price-opts .custom-option .option-details .option-detail,
#finish-opts .option-details .option-detail,
#attchment-urls .option-detail {
  border-bottom: 1px solid #e4e2e2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

#finish-opts .option-details {
  max-width: 575px;
}

#finish-opts .option-details .option-detail,
#price-opts .custom-option .option-details .option-detail {
  background-color: #fff;
}

#price-opts .custom-option .delete-btn,
#finish-opts .delete-btn,
#attchment-urls .delete-btn {
  cursor: pointer;
  font-size: 16px;
  color: #ff0000;
}

#finish-opts button.add-detail-row,
#price-opts button.add-detail-row,
#price-opts button.add-option-row,
#attchment-urls button.add-link-row {
  width: auto;
  background-color: #2d2d2d;
  margin-top: 10px;
  color: #fff;
  border-left: none;
  border-right: none;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#price-opts button.add-detail-row:hover,
#price-opts button.add-option-row:hover {
  background-color: #505050;
}


#price-opts .custom-option .option-details .option-detail .input-wrapper,
#finish-opts .option-details .option-detail .input-wrapper {
  align-items: center;
}


#price-opts .custom-option .input-wrapper.opt-desc textarea {
  min-width: 500px;
  max-width: 500px;
  min-height: 40px;
}


#price-opts .custom-option h3 {
  font-weight: 600;
  margin-bottom: 1rem;
}

#price-opts .classification .radio-label input {
  margin-right: 10px;
}

#page-content {
   background-color: #ffffff;
}

#attchment-urls .option-details .option-detail .input-wrapper {
   max-width: 45%;
}

.static-edit label {
   display: flex;
}

.static-edit label input {
   margin-left: 15px;
}

.ql-editor p {
   padding-bottom: 1rem !important;
}

.ql-editor h1, 
.ql-editor h2, 
.ql-editor h3, 
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
   margin: 0 0 1rem 0 !important;
}