/*!
 * Zero BS CRM
 * http://www.zerobscrm.com
 * V1.0
 *
 * Copyright 2017, Zero BS Software Ltd. & Zero BS CRM.com
 *
 * Date: 02/06/16
 */

// The invoice builder CSS
// WH Fractured from admin global (where it shouldn't be) 11/10/16

//this is for the new invoicing design
.post-type-zerobs_invoice{
	.clear{
		clear:both;
	}
	.mark-as-paid{
		margin-left: 10px;
    background-color: green;
    text-transform: uppercase;
    color: white;
    padding: 7px;
    font-weight: 900;
    font-size: 25px;
	    text-transform: uppercase;
	    font-weight: 900;
	    cursor: pointer;
	}
	.hide{
		display:none;
	}

	#zbs_invoice_preview{
		text-decoration:none;
	}

	#zbs_top_wrapper{
		position:relative;
		.zbs-invoice-topper{
			width:50%;
			float:right;
			input, select{
				width:80%;
				float:left;
			}
			th{
			    vertical-align: middle;
			    text-align:right;
			}
		}
	}
	#zbs_invoice_send_test2:focus{
		outline: 0 !important;
	}
	#billing-to{
		width:50%;
		float:left;
		th{
			vertical-align:middle;
			font-size:18px;
			font-weight:100;
		}
	}
	#assign-to{
		width:50%;
		float:right;
		.zbs-controls{
			float:left;
		}
		select{
			width:90%;
		}
		th{
			vertical-align:middle;
			font-size:18px;
			font-weight:100;
		}
	}
	#zbs_invoice_alerts{
		position:absolute;
		margin-top:-64px;
		width: 100%;
	    margin-left: -13px;
		#zbs_success{
			display:none;
			background:green;
			padding:10px;
			color: white;
			font-weight:100;
			font-size:14px;
			.fa{
				color: #00a700;
			    font-size: 20px;
			    margin-right: 10px;
			}
		}
	}

	#zbs_invoice_test_alerts{
		position: relative;
		width: 99%;
	    margin-bottom: 20px;
	    margin-top: 15px;
		#zbs_success, #zbs_test_success{
			display:none;
			background:green;
			padding:10px;
			color: white;
			font-weight:100;
			font-size:14px;
			.fa{
				color: #00a700;
			    font-size: 20px;
			    margin-right: 10px;
			}
		}
	}

	#zbs-business-info-wrapper{
		width: 30%;
	    margin-top: -35px;
		.business-info-toggle{
			cursor:pointer;
			font-size:20px;
			font-weight:100;
			.fa{
				color: #428bca;
			    margin-right: 10px;
			    font-size: 20px;
			    font-weight: 100;
			}
		}
		.business-info{
			display:none;
			.zbs-table{
			    margin-top: 9px;
			    font-size: 14px;
			    font-weight: 100;
			    margin-left: 33px;
				.top-pad{
					td{
						padding-top:20px;
					}
				}
				td{
					border:0px;
					padding:0px;
				}
			}
			.edit-or-add{
			    font-weight: 100;
    			margin-left: 33px;
			}
		}

	}
	#zbs-invoice-customiser{
		padding: 15px 10px 15px 10px;
	    background: #f5f5f5;
	    margin-left: -12px;
	    margin-right: -12px;
	    margin-top: -6px;
	    border-bottom: 1px solid #eee;
	    .header{
	        float: left;
		    font-size: 18px;
		    line-height: 25px;
		    margin-right: 10px;
		    font-weight: 100;
	    }
	}
	.top-row{
		.row-amount{
			padding-top:12px;
		}
	}
	#partials{
		margin-top:20px;
	}
	#invoice_totals, #partials{
	    width: 100%;
	    border-top: 2px solid #ccc;
	    border-right: 2px solid #ccc;
	    .zbs_grand_total{
	    	.bord-l{
	    		border-left: 2px solid #ccc;
	    	}
	    	.bord{
	    		background: #f5f5f5;
	    		color: black;
	    		font-weight: 800;
	    		border-bottom: 2px solid #ccc;
	    	}
	    }
	    .tax_total{
	    	display:none;
	    }
	    ._1{
	    	display:block;
	    }
	    tr{
	    	height:35px;
	    }
	    .hide{
	    	display:none;
	    }
	    .bord{
	    	input{
	    		text-align:right;
	    		float:right;
	    		box-shadow:none;
	    	}
	    }
	    .bord-l{
	    	text-align:right;
	    }
	    td.bord{
	    	padding:5px;
	    	border: 1px solid #ccc;
	    }
	    .row-amount{
	        background: #f5f5f5;
		    color: black;
		    font-weight: 400;
		    height:20px;
		    text-align:right;
		    border-right: 2px solid #ccc !important;
	    }
	    .bord-l{
	    	border-left: 2px solid #ccc !important;
	    }
	}
	#zbs-invoice-items{
		.zbs-item-block{
			position:relative;
			tr{
				width:90%;
			}
			textarea{
			    width: 100%;
			    height: 30px;
			    border: 0px;
			    box-shadow: none;
			    padding: 0px;
			    margin: 0px;
			    vertical-align: middle;
			    margin-top: 10px;
			}
			row-amount{
				padding-top:12px;
			}
			.tapad{
				padding: 0px 0px 0px 10px;
			}
			input[type=number] {
			    height: 28px;
			    line-height: 1;
			    box-shadow: none;
			    text-align: center;
			}	
		}
		.row-amount{
    		background: #f5f5f5;
			color: black;
			font-weight:800;
			text-align:right;
		}
		.zbs-row-actions{
			cursor:pointer;
		}
		.padding{
			height:15px;
		}
		#tblock1{
			.remove-row{
				display:none;
			}
		}
		.zbs-item-name{
		    width: 100%;
		    height: 28px;
		    border: 0px;
		    box-shadow: none;
		}
		.top-row, .bottom-row{
			border-left: 2px solid #ccc;
			border-right: 2px solid #ccc;
		}
		.bottom-row, .row-amount{
			border-bottom: 2px solid #ccc;
			border-right: 2px solid #ccc;
		}
		.selected{
			.top-row, .bottom-row{
				border-left: 4px solid #428bca;
			}
		}
		.top-row{
			td{
				border-bottom: 1px dashed #ddd !important;
			}
		}
		.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
			border-top: 0px solid white !important;
		}
		.add-row{
			border-left: 0px solid white;
		}
		.zbs-row-actions{
			border: 1px solid #ccc;
			color: #999;
			font-size: 13px;
			font-weight: 100;
			text-align:center;
		}
	}
	#zbs_invoice_actions{
		padding: 15px 10px 15px 10px;
	    background: #f5f5f5;
	    margin-left: -12px;
	    margin-right: -12px;
	    margin-top: -6px;
	    border-bottom: 1px solid #eee;
	    text-align:right;
	    height: 65px;
	    .zbs-invoice-status{
	    	margin-top:-2px;
	    	float:left;
	    	padding: 10px;
	    	.draft{
	    		background-color: #ddd;
	    		text-transform: uppercase;
	    		color: white;
			    padding: 7px;
			    font-weight: 900;
			    font-size: 25px;	    		
	    	}
	    	.unpaid{
	    		background-color: #ffd800;
	    		text-transform: uppercase;
	    		color: white;
			    padding: 7px;
			    font-weight: 900;
			    font-size: 25px;
	    	}
	    	.paid{
	    		background-color: green;
	    		text-transform: uppercase;
	    		color: white;
			    padding: 7px;
			    font-weight: 900;
			    font-size: 25px;	    		
	    	}
	    	.overdue{
	    		background-color: red;
	    		text-transform: uppercase;
	    		color: white;
			    padding: 7px;
			    font-weight: 900;
			    font-size: 25px;		    	
	    	}
	    }
	    button{
	    	margin-right:2px;
	    }
	    .btn-primary{
	        color: #fff;
		    background-color: #428bca;
		    border-color: #428bca;
		    border: 1px solid #428bca;
		    border-width: 0px;
		    font-size: 15px;
		    padding: 7px;
		    font-weight: 300;
		    border-radius: 4px;
	    }
	    .btn-secondary{
	    	background: #ddd;
	    	border-color: #ddd;
	    	border: 1px solid #ddd;
			border-width: 0px;
		    font-size: 15px;
		    padding: 7px;
		    font-weight: 300;
		    border-radius: 4px;    
	    }
	}
	#zbs_invoice_logos{
		float:left;
		width:30%;
		.hide{
			display:none !important;
		}
		.show{
			display:block !important;
		}
	}

	#publish{
		display:none;
	}

	#submitdiv{
		span{
			display:none;
		}
		.handlediv {
		    display: none;
		    border-bottom: 0px solid white;
		}
	}

	#postbox-container-1{
		margin-top:20px;
	}

	.zbs-memo-box{
		width:50%;
		display:none;
	}
	.zbs-plus{
	    font-size: 21px;
    	font-weight: 100;
    	color: #428bca;
	}
	.zbs-memo-ta{
		width:40%;
	}
	.zbs-memo-hide{
		font-size:12px;
		font-weight:100;
		color: #428bca;
		cursor:pointer;
	}
	.zbs-memo-hide:hover{
		text-decoration:underline;
	}
	.zbs-add-memo-trigger{
		cursor:pointer;
	}
	.zbs-italic{
		font-style:italic;
		font-weight:100;
	}

	.zbs-file-types{
		text-transform:uppercase;
		font-weight:900;
	}
	.wh-logo-set{
		width:100%;
		position:relative;
		display:none;
		.zbs-remove, .zbs-update{
			cursor:pointer;
		}
		img{
			max-width:80%;
		}
		.zbs-logo-options{
			display:none;
			position: absolute;
    		top: 0;
		    right: -15%;
		    font-size: 14px;
		}
	}
	.wh-logo-set{
	    margin-top: 20px;
	    margin-bottom: 20px;
	    margin-left: 12px;
	}
	.wh-logo-set:hover{
		.zbs-logo-options{
			display:block;
		}
	}
	.wh-logo{
		margin-top: 20px;
	    padding: 30px;
	    width: 100%;
	    background: aliceblue;
	    margin-bottom: 20px;
	    border-radius: 11px;
	    border: 1px solid #428bca;
	    cursor:pointer;
	    .fa{
	    	color: #428bca;
	    	margin-right:5px;
	    	font-size:40px;
	    	font-weight:100;
	    }
	    .wh-logo-text{
		    font-weight: 300;
		    color: #428bca;
		    font-size: 18px;
		    margin-left: 20px;
		    position: absolute;
		    top: 63px;
	    }
	}
}




#zbsInvoiceActionBlocker {
	
	position: absolute;
    top: 11px;
    right: 85px;
    width: 200px;
    height: 40px;
    background: rgba(255, 255, 255, 0.74);
    text-align: center;
    line-height: 31px;

}

//Invoicing custom fields styling
.wh-metatab{
	margin-bottom:10px !important;
	.wh-large{
		label{
			font-size: 18px;
    		font-weight: 100;
		}
	}
}



// PDF extension install
#zbswhPDFNotice {


    position: absolute;
    top: -23px;
    right: 160px;
    text-align: right;
    width: 200px;
    background: #FFF;
    padding: 10px;
    border: 1px solid #428bca;
    z-index: 10000;
    border-radius: 5px;

		.zbsCloseThisAndLog {
			
			position:absolute;top:0;left:5px;
			font-size:16px;

		}
		.zbsCloseThisAndLog:hover {

			cursor:pointer;
			color:green;

		}

}


//ZBS invoice actions
.zbs-invoice-actions-bottom{
	border-top: 1px solid #ddd;
    background: #f5f5f5;
    margin-top: 20px;
    padding: 2px;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: -12px;
    padding-bottom: 12px;
    padding-top: 10px;
}

.zbs-actions-side{
	margin-top:15px;
}

.zbs-what{
	font-size: 15px;
    line-height: 26px;
}


#zbs-send-test{
	width: 60%;
    margin-left: 20%;
    margin-top: 100px;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 6px;
}

#zbs-modal-invoice-test{
	margin-top:10px;
	margin-bottom:13px;
}


.postbox table.form-table {
    margin-bottom: 22px !important;
}