@charset "utf-8";
.top_box {
	background-color: #2700C7;
	padding-right: 23px;
	padding-top: 23px;
	padding-bottom: 23px;
	padding-left: 23px;

}
body {
	background-color: #eee;
	font-family: ubuntu;
	font-size: large;
	font-style: normal;
	font-weight: 400;
}
.mid_col { 
	background-color: #FFFFFF;
}
.wedge {
	width: 0;
	height: 0;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-top: 20px solid #2700C7;
	margin-left: auto;
	margin-right: auto;
}
.invoice_tbl {
	margin-top: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
	max-width: 550px;
	min-width: 300px;
}
.invoice_tbl td:nth-child(2),.invoice_tbl th:nth-child(2)   {
	text-align: right;
	white-space: nowrap;
	vertical-align: bottom;
}
.invoice_tbl td:nth-child(2)   {
	color:#337AB7;
}
.invoice_tbl tr.payment td:nth-child(2),.invoice_tbl tr.payment th:nth-child(2)   {
	color:red;
}
.invoice_tbl span.chkPending{
	font-weight:bold;
	font-size: 75%;
    text-transform:uppercase;
	color: #81661D;
    background:#fff8c4 url('/P/images/warning.png') no-repeat 4px 50%;
    padding: 3px 3px 3px 22px;   
}
/* Notice and Error conditions */

.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif; font-size: 75%;
    padding:10px 10px 10px 36px;
    margin:10px;
}
.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    
}
.error {
    background:#ffecec url('/P/images/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
    color: #892121;
}
.err_detail {
	display: inline-block;
	background-color:rgba(209,98,98,0.25);
	font-family: consolas;font-size: 120%;
	padding: 0 10px;
}
.success {
	color: #4D6F33;
    background:#e9ffd9 url('/P/images/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.warning {
	color: #81661D;
    background:#fff8c4 url('/P/images/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.info {
	color:#0C6C92;
    background:#e3f7fc url('/P/images/info.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}
.info_detail {
	display: inline-block;
	background-color:rgba(163,206,220,0.4);
	font-family: consolas;font-size: 120%;
	padding: 0 10px;
}

/*  Input Highlight  */
.form-control.green{
    border-color: #22A722;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(34,167,34,.6); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(34,167,34,.6);
}
.form-control.orange {
    border-color: #FF6402;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,100,0,.6); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,100,0,.6);
}
.form-control.green_background {
	background-color:  #D4FCCA;
}

/*  DEBUGing   */

.rdOL {
	border: 1px solid red;
	outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,0,0,.6); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,0,0,.6);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.radio-inline input {margin-top: 6px}

.callout{
	padding: 20px;
	margin: 30px 0;
	border: 1px solid #ddd;
	border-left-width: 5px;
	border-radius: 3px;
}
.callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 20px;
}
.callout p{margin: 0 0 10px;}
.callout p:last-child{margin-bottom: 0px}

.callout-info {	border-left-color: #1b809e;}
.callout-info h4 {color:#1b809e;}

.callout-warning {	border-left-color: #aa6708;}
.callout-warning h4 {color:#aa6708;}

.callout-danger {	border-left-color: #ce4844;}
.callout-danger h4 {color:#ce4844;}

.callout-success {	border-left-color: #3c763d;}
.callout-success h4 {color:#3c763d;}