﻿html,
body {
	margin:0;
	padding:0;
	height:100%;
}

#contactList
{
	position: relative;
/* 	top: 40px; */

}

#hideListBtn
{
	left: -40px;
	margin-bottom: 20px;
}

#listings
{
	width: 90%;
	padding: 10px;
	padding-bottom:60px;
	margin-right: 5%;
}

.listItem {
/* 	line-height: 2.5em; */
}

.contact-listing
{
	font-size: 12pt;
	color: #0595ad;
}

.contact_list
{
	color: #fff !important;
}

li.call {
	background-color: #e1ffe9;
}

li.email {
	background-color: #E7FEFF;
}

li.newJob {
	background-color: #ffe0f9;
}

li.estimate {
	background-color: #D9F0FF;
}

li.invoice {
	background-color: #92c8f7;
}

li.proposal {
	background-color: #ABB2DE;
}

li.quote {
	background-color: #C5CCFF;
}

li.receipt {
	background-color: #efe3ff;
}

li.edit {
	background-color: #FFFFEA;
}

li.delete {
	background-color: #f6d0c6;
}

#addNew {
	position: absolute;
	top: 16px;
	width: 130px;
	font-size: 8pt;
	font-weight: bold;
	color: #999;
}

#import_vcard {
	display: none;
}

#search.contacts {
	display: none;	
	top: 10px;
	font-size: 8pt;
	font-weight: bold;
	color: #333;
	left: 10px;
	margin-bottom: 30px;
}

#searchContacts {
	width: 200px;
	margin-bottom: 10px;
}

#findbtn{
	margin-left: 15px;
	margin-right: 15px;
}
.hidebtn
{
	color: #989898;
}

#selectedContact
{
	position: relative;
	top: 0px;
	margin-top: 40px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20%;
	height: auto;
	width: 80%;
	max-width: 800px;
	padding: 5px;
	border: 2px #999 solid;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #888888;
	display: none;
}

#SelectedContactType
{
	width: 200px;
	
}

input#searchMe.form-control.input-sm 
{
	width: 150pt;
}


.searchBox
{
}

#addContactButton
{
	display: none;
}

#contact
{
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

#edit_contact
{
	display: none;
	position: relative;
	top: 0px;
	margin-top: 40px;
	margin-left: 10px;
	margin-right: 10px;
	height: auto;
	width: 80%;
	max-width: 800px;
	padding: 5px;
	border: 2px #999 solid;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #888888;
}

#phone
{
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

#address
{
}

#notetext
{
	margin: 20px;
	padding: 20px;
	border: 1px;
	border-color: #000;
	border-style: solid;
	border-radius: 5px;
	width: 90%;
	position: relative;
	top:10px;
}

#noteEdit{}

.details-button
{
	margin-left: 20%;
	width: 280px;
}
.cen-button
{
	padding-top: 20px;
	padding-bottom: 10px;
	margin-left: 20%;
}

#ship_address
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

div#addressBlock.container.collapse.in
{
	width: 100%;
	padding: 0px;
}

div#notes.container.collapse.in
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#buttons 
{
	height: 40px;
}

#buttons a.btn 
{
	margin-right: 20px;
	margin-bottom: 30px;
}
#newContactLink {
	margin-left: 30%;
}

#delbtn 
{
	position: relative;
	top: -40px;
	width: 60px;
	left: 80%;
}

.destroy {font-size: 14px;}

.menu-bar
{	
	text-align: center;	
	font-size: 8pt;
}

/* 
.navbar-default .navbar-nav>li>a
{
	color: #3c78bc;
}

.navbar-default .navbar-nav>li>a:hover
{
	color: #0c9864;
}
 */

.navbar-toggle .icon-bar
{
	width: 32px;
}

.navbar-default .navbar-nav>li>a .fa-fire
{
	color: #ffce7a;
}

.navbar-default .navbar-nav>li>a:hover .fa-fire
{
	color: #ee470d;
}


.navbar-default .navbar-nav>li>a .fa-trash-o
{
	color: #989898;
}

.navbar-default .navbar-nav>li>a:hover .fa-trash-o
{
	color: #BE390A;
}


div.container.invoice
{
	margin-left: 0px;
}

#closeLink {
    width: auto;
    position: absolute;
    top: 0px;
    left: 70%;
}

.dropdown-menu {
border: none;
background-color: #eaf5ff;
}

div.panel.panel-default a {
/* color: #2b8ced; */
font-size: 10pt;
font-weight: 500;
}

div.panel.panel-default a.toggle-sidebar {
color: #565556;
font-size: 10pt;
font-weight: 500;
}
