/* version 1.0.488  */
html,body {
   margin:0;
   padding:0;
   height:100%;
}

body{
	background-color: #c9dbe759;
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

div#navBlocker {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    text-indent: 80px;
    height: 100px;
    width: 100%;
    background-color: aliceblue;
}

#app
{
display: none;
}

div.panel.panel-default
{
	margin-bottom: 10px;
	background-color: #c9dbe759;
	padding: 5px;
	box-shadow: 1px 3px 6px #8d8fa521;
    margin-bottom: 80px;
}

div.panel.panel-default a
{
	color: #2b8ced;
	font-size: 11pt;
	font-weight: 500;
}

a.mainMenu .appTitle{
	color: rgb(60, 85, 113);
	font-size: 12pt;
	font-weight: 500;
}

div.panel.panel-default:hover
{
background-color: rgba(100, 173, 189, 0.18);
border: 1px solid rgba(36, 51, 59, 0.28);
}

div#doc_panel.panel.panel-default:hover {
	background-color: rgba(100, 173, 189, 0.18);
}

#doc_panel {
/* 	background-color: #fffeedd9; */
}

#doc_panel div.panel.panel-default:hover
{
	background-color: rgba(209, 155, 94, 0.68);
}


p.panel-body-link:hover {
    background-color: rgba(98, 163, 149, 0.17);
}

div#accordion.panel-group {
    max-width: 600px;
    margin-top: 30px;
    margin-bottom: 80px;
}

.panel-body {
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
}

p.panel-body-link {
    font-size: 11pt;
    padding-left: 25px;
    padding-top: 15px;
    height: 60px;
    border-radius: 3px;
    border: 1px;
    border-color: rgb(217, 216, 211);
    border-width: 1px;
    border-style: solid;
}

/* 
p.panel-body-link
{
font-size: 14pt;
margin-left: 10px;
padding-bottom: 5px;
padding-top: 15px;
border-top: 1px solid rgb(196, 196, 196);
}
 */

a.homeMenuLink
{
color: #387f9a;
}


#FFF.navbar {
border-radius: 0px;
}

.navbar-default {
background-color: #3BAFDA;
border-color: #3BAFDA;
color: #ffffff;
border-radius: 0px;
width: 100%;
border-bottom: 1px solid #3BAFDA;
}

a.navbar-brand.active
{
background-color: rgba(24, 138, 188, 1);
}

.navbar-brand active
{
color: #ffffff;
}

.navbar-default .navbar-brand
{
color: #ffffff;
}

.navbar-brand active
{
color: #ffffff;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover
{
color: #ffffff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
background-color: rgba(24, 138, 188, 1);
color: #ffffff;
}


.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #FFF;
background-color: transparent;
}

.navbar-default .navbar-nav>li>a
{
color: #FFF
}

.navbar-default .navbar-nav>.open>a:hover
{
	background-color: #9DD0FF;	
}

.navbar-nav>.open>a:focus
{
	background-color: #A5FFAC;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
	background-color: #a9cde5;
}

.dropdown-menu>li>a
{
	display: block;
	padding: 10px 0px 10px 10px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	/* border-top: 2px solid; */
	border-bottom: 2px solid;
	border-color: #e0e0e0;

border-color: #e0e0e0;
}

li.active
{
color: #ee900b;
background-color: aliceblue;
}

.btn-edit
{
background-color: #e6ffff;
border-color: #0549ff;
}

.btn-edit:hover
{
background-color: #a6d9f6;
border-color: #0549ff;
}

#loginScreen
{
position: relative;
display: none;
top: 100px;
margin-left: 20%;
}

#appPage
{
margin-left: auto;
margin-right: auto;
}

#appMenu 
{
	position: relative;
}

li.appLink
{
margin-bottom: 10px;
font-size: 14pt;
}

.btn-invoice
{
background-color: #ebffee;
border-color: #119a55;
}

.btn-invoice:hover
{
background-color: #cfe5ff;
border-color: #119a55;
}

#addRowLink {
    margin-bottom: 20px;
}

.btn.focus
{
background-color: #ff7b05;
}

.btn.active, .btn:active
{
background-color: #ff7b05;

}

#sync-wrapper {}

span.sync { color: red; }

#cachestatus 
{
position: absolute;
right: 30px; 
top: 65px; 
width: 150px;
color: rgb(60, 85, 113); 
padding: 1px 3px; 
opacity:1; 
z-index:100; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt;
text-align: right;
}

#dbStatus
{
color: #1f989a;
font-size: 9pt;
}

#message_alert
{
position: absolute;
right: 30px;
top: 105px; 
width: 150px;
color: rgb(60, 85, 113);
padding: 1px 3px; 
font-size: 9pt;
text-align: right;
}

#sent_msg {
	color: darkgreen;
}

div#applinks a
{
color: #6a7b8a;
margin-left: 10px;

}

#applinks
{
left:0px; 
top: 20px; 
width:90%
}

#applinks h4
{
color: #c1bfbf;
}

#applist
{
margin-top: 30px;
margin-left: 25px;
}

p.applisting
{
padding-bottom: 10px;
font-size: 14pt;
}

.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 #ddd;
font-size: 14pt;
}

table#paymentTerms.table.table>tbody>tr>td
{
font-size: 12pt;
}

td.icon
{
width:30px
}

.navbar-default .navbar-toggle .icon-bar

{
background-color: #ffffff;
}

footer#FooterContent.footer, footer.footer
{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: rgba(18, 79, 142, 1);
	padding-top: 3px;
	margin-top: 15px;
	height: 20px;
	text-align: center;
	font-size: 80%;
	border-top: 1px solid rgba(107, 0, 0, 0.12);
	box-shadow: 0px -4px 5px  0px rgba(111, 144, 161, 0.34);
	padding: 2px 0 2px;
}
.text-muted {
color: #cdcdcd;
}
.text-muted a{
color: #eafffd;
}
#userLogo
{
height: 100px;
}

#logo
{
position: relative;
margin-right: 10px;
}

#logoImg
{
	border: 1px solid lightgray;
	width:355px;
	height: 55px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

div#search 
{
	display: block;
	position: relative;
	left: 60px;
	top: 80px;
}

div#searchDocuments 
{
display: block;
position: relative;
left: 5%;
top: 10px;
}

#searchMe
{
	max-width: 500px;
	min-width: 220px;
	width: auto;
	padding-left: 20px;

}

#DocList {
background-color: rgba(254, 255, 255, 1);
border-radius: 3px;
height: 450px;
margin-left: auto;
margin-right: auto;
position: relative;
width: auto;
}

#PrefsPage {
	position: relative;
	top: 0px;
	height: auto;
	min-height: 240px;
	width: auto;
	max-width: 900px;
	margin-left: 5%;
}

input#password1.form-control, input#password2.form-control {
	max-width: 300px;
}

#previewHolder
{
	position: absolute;
	left: 260px;
	top: 150px;
	padding: 20px;
	padding-top: 0px;
	min-width: 400px;
	height: auto;
}

#Text_Preview
{
	border: 2px rgb(206, 206, 206) solid;
	border-radius: 6px;
	padding: 20px;
	background-color: white;
	max-width: 720px;
}

h4.listHeader{
	margin-bottom:20px;
}


ul li.listItem {
    list-style-type:disc;
	margin-bottom: 10px;
	color: #69666b;
}

ul li.listItem a {
color: #068ba1;
text-decoration: none;
font-weight: 400;
}


a span.listing {
color: #6a7b8a;
}


#pdflist.container
{
position: relative;
top: 20px;
}


ul li.pdflist {
    list-style-type:disc;
	margin-bottom: 10px;
	color: #6b19aa;
}

a.pdflinks {
color: #6a7b8a;
}

.deleteIcon {color: #999999;}

.exactCenter {
    width:100px;
    height:100px;
    position: fixed;
    background-color: #00FF00;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}

#applinks h2 {
	color: rgb(60, 85, 113);
}

h4.panel-title {
	color: rgb(60, 85, 113);
}

a:hover {
	text-decoration: none;
}		

.glyphicon.glyphicon-log-out {
	color: rgb(231, 239, 255);		
}

i.fa {
/* 	color: #a27e63; */
}

i.appTab {
	color: rgb(60, 85, 113);
}

i.estimate {
	color: #A46798;
}

i.invoice {
	color: #30A457;
}

i.quote {
	color: #5494A4;
}

i.receipt {
	color: #78C38D ;
}
				
i.text {
	color: #bcbbc0;
}

#contactUs {
	margin-top: 100px;
}

#docList {
	text-align: right;
/* 	margin-left: 60%; */
}

.editDoc {
	color: #2d6b82;
}
#deletelink {
	color: #ffbb34;
}

.btn-info {
	color: #fff;
/* 
	background-color: rgb(186, 171, 156);
	border-color: rgb(124, 76, 22);
 */
}

#nextBut {
	width: 70px;
	align-self: end;
	float: right !important;
}
#nextBut:hover {
	background-color: #d5ab68;
	border-color: #a96416;
}

#prevBut:hover{
	background-color: #d5ab68;
	border-color: #a96416;
}

#prevBut {
}

/* contacts app css */
#contactHolder {
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 5%;
}

#selectedContact {
	background-color: rgba(221, 245, 245, 0.34);;
}

#dropdownMenu1 {
/* 
	background-color: rgb(186, 171, 156);
	border-color: rgb(124, 76, 22);
 */
}

#edit_contact {
	background-color: rgba(221, 245, 245, 0.34);;
}

span.c_name {
font-size: 14pt;
color: rgba(62, 119, 167, 0.85);
font-weight: 400;
}

/* estimate app */

.itemrow {
	background-color: rgba(221, 245, 245, 0.34);;
}

.app {
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 80px;
}

#estimateForm, #invoiceForm, #proposalForm, #quoteForm, #receiptForm {
	background-color: rgba(254, 255, 255, 1);
	padding: 20px;
	border: 1px solid;
	border-radius: 3px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

div#deliver_estimate, div#deliver_invoice, div#Invoice_details, div#deliver_proposal,  div#deliver_proposal, div#deliver_quote, div#deliver_receipt {
	position: relative;
	top: 50px;
	left: 0px;
	background-color: rgba(254, 255, 255, 1);
	padding: 30px;
	padding-top: 20px;
	border: 1px solid;
	border-radius: 3px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.pager li>a, .pager li>span {
display: inline-block;
padding: 5px 14px;
border-radius: 15px;
background-color: #16e9ff29;
color: #64533d!important;
border: 1px solid rgba(148, 148, 148, 0.62);
font-size: 8pt;
}

.pager li>a:focus, .pager li>a:hover {
text-decoration: none;
background-color: #b6d3ff82;
}

.bg-info {
	background-color: rgba(174, 154, 118, 0.43);
}

/* Expense app */

#selectedExpense {
	background-color: rgba(221, 245, 245, 0.34);
}

#saveNew {
	background-color: rgba(217, 238, 245, 0.31);
	border-radius: 3px;
	border: 1px solid rgba(119, 168, 228, 0.54);
	padding: 40px;
	margin-bottom: 40px;
	color: #64531e;
}

a#saveBtn.saveLink
{
	color: #e7e7e7;
}

h4.edit, h3 a {
	color: #64531e;
}

a span.listing {
	color: #64531e;
}


#Cloud, #Options, #Currency, #Logo, #PrefsInfo, #passwordDiv {
	margin: 20px;
	margin-top: 0px;
	padding: 30px;
	border-radius: 3px;
	border: solid 1px rgba(143, 191, 193, 0.72);
	border-top: 0;
	background-color: white;
}

#Logon {
	margin: 5%;
	padding: 10px;
	height: 260px;
	border-radius: 3px;
	border: solid 1px;
	background-color: rgba(221, 245, 245, 0.34);
}

a.uxmal {
	width: 100px;
	background-color: antiquewhite;
}

.appStyles {
	margin: 40px;

}

.form-control {
	background-color: #f7fdffff;
}

#closeLink.btn-warning{
	color: #676767;
	text-decoration: none;
	background-color: #dcdbdd;
	border-color: #b6b7ae;
}

#loading_dialog {
	display: none;
	margin: auto;
	text-align: center;
	top: 20%;
	width: 100%;
	position: absolute;
}

#loading {
	width: 100px;
}

.add_to_contacts_option {
	display: none;
}