body { font-family: 'arial'; background: #f5f5f5; }
:-moz-focus-inner {
  border: 0;
  outline:none;
}
a:hover, a:active, a:focus {
  border: 0;
  outline:none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #005AAA; font-family: 'arial'; font-weight: normal; }
a { color: inherit; }
.btn { border-radius: 0; border: none; }
.no-m { margin: 0; }/* Big Message */
.jumbotron, .jumbotron-msg { margin: 60px 0 40px; text-align: center; }
.jumbotron h1 { font-size: 36px; line-height: 1; }
.jumbotron .btn { font-size: 21px; padding: 14px 24px; }
.container-narrow { margin: 0 auto; max-width: 740px; }
.container-narrow > hr { margin: 30px 0; }
.btn-extream .lead { display: block; font-size: 14px; line-height: 25px; margin-bottom: 0; }
.left { float: left }
.right { float: right }
.center { text-align: center }
.main-btns { margin-top: 12px; }
.actions-bar { margin-top: 8px }
.layout { padding-top: 50px; padding-bottom: 80px }
.fixed-top { position: fixed; top: 0; left: 0; height: 106px; width: 100%; background: #fff; z-index: 80 }
ul.green-checks { margin-left: 185px; margin-bottom: 15px; }
.green-checks li { background: url(../img/green-tick.png) no-repeat 0 3px; font-size: 30px; margin-bottom: 25px; padding-left: 35px; padding-top: 2px; }
.edit-mode { background: #EBEBEB; }
.edit-mode h1 { padding-top: 5px }
.edit-mode-wrap { background: #FFF; margin: 100px auto 20px; width: 740px; border: 1px solid #CACACA; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); padding-top: 15px; }
.gateways { text-align: center; overflow: hidden; padding-bottom: 30px }
.gateways img { margin: 0 3px 8px; }
.invoice-address { font-size: 12px; line-height: 18px; }
.items-table .editable { min-height: 20px; display: block; cursor: text; outline: 1px dotted #ccc; }
.items-table textarea.editable { width: 100% }
.items-table input.editable, .items-table input.editable:focus, .items-table textarea.editable, .items-table textarea.editable:focus { margin: 0; box-shadow: none; border: none; padding: 3px; }
.input-mini { width: 100%; }
.tax2-header, .tax1-header, .subtotal-header, .mount-header { width: 84px; }
.btn-xxs { padding: 3px 5px }
.items-table .editable:focus { outline: 1px dotted #ff0000; background: #feffce; }
.items-table { border-collapse: collapse; background: #fff }
.totals-row { position:relative; }
.totals-row .wide-cell #AddProduct { position:absolute; left: -2px; top: -1px;}
.totals-row .wide-cell { border: 1px solid #fff; border-right: 1px solid #ddd; border-top: 1px solid #ddd; position:relative; }
#editor .editable-area { display: inline-block; min-height: 21px; min-width: 20px; outline: 1px dotted #ccc; text-align: left }
#editor .editable-area:hover { outline: 1px dotted #0094ff; }
#editor .editable-area:focus { outline: 1px dotted #ff0000; background: #feffce; }
.currency-list a { padding: 2px 4px; border-radius: 0; -webkit-transition: all .15s linear; display: block; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; border-bottom:1px solid #f3f3f3; }
textarea { resize: none!important; }
.currency-list a:hover { background: #e6eaf3; text-decoration: none }
#logoDiv { position: relative; display: inline-block }
#logoDiv img { cursor: pointer; outline: none; }
#logoDiv .popover { width: 336px; }
.items-table textarea { font-size: 12px; }
#notes { width: 100% }
.header-create { 	padding: 10px 0;  	display: table; 	height: 100%; 	vertical-align: middle; width:100%;}
.header-create > div {
	display: table-cell;
	height: 100%;
	float: none;
	vertical-align: middle;
}
.invoice-wrap .invoice-input { width: 100px; border: none; -webkit-transition: background .15s linear; outline: 1px dotted #ccc; margin-bottom: 0px; display: block; -moz-transition: background .15s linear; background: none; -o-transition: background .15s linear; transition: background .15s linear; box-shadow: none; border: none; }
#extra { width: 200px; }
.invoice-wrap .invoice-input:hover, .invoice-wrap .invoice-input:focus { background: #F9F3A7; border: none; box-shadow: none; }
#business_info { width: 255px }
textarea#client_info { width: 200px }
.invoice-wrap textarea.invoice-input { height: 80px }
#label_bill_to { width: 75px }
.items-table th >.invoice-input { width: 65px; }
.items-table th >#label_description { width: 100px }
#label_subtotal, #label_total { width: 100% }
#label_discount { width: 70px }
.section-divider { background: url(images/divider.png) repeat-x; height: 2px; margin: 20px 0 }
.bookmark { margin: 0 auto 20px auto; text-align: center; text-transform: uppercase; }
.bookmark h4 { font-size: 16px; font-weight: 100 }
.star-ico { position: relative; top: 4px; display: inline-block; height: 23px; width: 23px; background: url(images/star.png) no-repeat; margin: 0 10px 0 0; }
.bookmark-btn {background-color: #ec971f; border-radius: 0; display: inline-block; font-size: 24px; font-weight: 400; padding: 17px 20px 16px 20px; text-decoration: none; text-transform: uppercase; }
.bookmark-btn:hover {
	background-color: #E39220;
	text-decoration: none;
}
.pop-alert {
	padding: 10px 0;
	color: #fff;
	background-color: #E39220;
	font-size: 22px;
	position: relative;
}
.pop-alert p {
	margin: 0;
	line-height: 44px;
}
.close-pop {position: absolute;
top: 0;
right: 0;
}
.bookmark-btn {padding-left: 74px;text-align: left;}
.bookmark-btn p {margin-bottom: 0;}
.bookmark-btn .fa-star {
	position: absolute;
top: 22px;
font-size: 48px;
left: 20px;
}
.bookmark-desk {
	overflow: hidden;
}
.bookmark-desk p {
	font-size: 16px;
}
.items-table td, .items-table th { border: 1px solid #ddd !important; }
.copy-desc {
	position: absolute;
	left: 5px;
	bottom: 2px;
	font-size: 11px;
	color: #777;
	z-index: 99;
}
.copy-link input {
	border: none;
padding: 29px 0 30px;
height: auto;
text-align: center;
font-size: 22px;
}
.totals-row .wide-cell { border-color: #ddd #ddd #fff #fff !important; }
.jumbotron { background: none; }
.img-thumbnail { background: #f5f5f5; }
.jumbotron h1 { color: #005AAA; margin-bottom: 20px; font-size: 46px; }
.jumbotron p { margin-bottom: 30px; }
.main-nav { margin-bottom: 0; border: none; border-radius: 0; background: #fff; padding: 0 0;}
.navbar-nav > li > a {-webkit-transition: all .15s linear;-moz-transition: all .15s linear;-o-transition: all .15s linear;transition: all .15s linear; font-family: arial;color: #222;display: block;font-size: 16px;font-weight: 600;padding: 25px 12px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff; background: #005AAA;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-nav > li:hover { color: #fff !important; background: #005AAA; }
.navbar-nav > li:hover a{ color: #fff !important; background: #005AAA; }
.navbar-brand { padding: 3px 3px 3px 15px; line-height: 23px; height: auto; margin-right: 30px; }
.navbar-brand strong { color: #005AAA; font-size: 26px; }
.navbar-nav > li > a i { font-size: 16px; margin-right: 5px; }
.submenu {
    position: absolute;
    left: 0;
    top: 100%;
    background: #005AAA;
    width: 220px;
    z-index: 99999;
	padding: 0;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 4px 4px rgba(0,0,0,.15);
    transform: translateY(-5px);
    transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
}
.submenu li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
}
.submenu li a {
    padding: 10px 15px !important;
    font-family: arial;
    text-transform: none;
	display: block;
	-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
	text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #fff;
	font-size: 16px;
}
.submenu li a:hover {
    background: rgba(0,0,0,.1);
}
.navbar-nav li:hover .submenu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.submenu li a i,i.world-wide,.main-co { display: inline-block;width: 25px;height: 25px;margin-right: 10px !important;position: relative;margin-top: 0px;float: left;}
.main-co { margin-top: -3px;}
.world-wide {background: url(images/world-wide.png) center center no-repeat;}
.country-gb {background: url(images/country-gb.png) center center no-repeat;}
.country-au {background: url(images/country-au.png) center center no-repeat;}
.country-ca {background: url(images/country-ca.png) center center no-repeat;}
.country-us {background: url(images/country-us.png) center center no-repeat;}
.country-nz {background: url(images/country-nz.png) center center no-repeat;}
i.world-wide {margin-right: 12px !important;margin-top: -2px;}
.full-feature { background: #005AAA; padding: 50px 0; }
.feature-content { color: #fff; }
.feature-content hr { display: none; }
.feature-content h1 { color: #fff; margin: 0 0 20px 0; font-size: 42px; }
.lead { font-size: 18px; }
.gateways { padding: 30px 0; }
.gateways a { margin: 0 20px 20px 0; }
.block-title h3 { color: #fff; float: left; background: #005AAA; padding: 4px 14px; position: relative; margin: 0; }
.block-title { border-bottom: 2px solid #005AAA; margin: 0 0 20px 0; }
.sidebar-nav { }
.blog-post { background: #fff; padding: 20px; margin-bottom: 15px; border: 1px solid #ddd; }
.blog-post h3 { font-size: 21px; color: #333; margin: 0px 0px 14px; }
.blog-post p { font-size: 14px; color: #888; }
.phrase { font-size: 18px; color: #666; margin-bottom: 20px; }
.blog-post i { font-size: 12px; }
.thump-wrapper h4 { position: relative; margin: 0 0 15px 0; color: #333; font-size: 18px; padding-left: 22px; font-weight: bold; }
.row.thumbnails { margin: 0 -7px; }
.row.thumbnails >div { padding: 0 7px; }
.thump-wrapper h4 i { position: absolute; left: 0; top: 1px; color: #005AAA; }
.thump-wrapper { margin-bottom: 25px; }
.thumbnail { position: relative; border-radius: 0; padding: 10px; background: #eee; overflow: hidden; margin-bottom: 13px; }
.thumbnail img { border: 1px solid #e5e5e5; }
.thumbnail img { width: 100%; height: auto; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.thumbnail .caption { padding: 10px 0 0; text-align: center; position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%; }
.thumbnail .caption span { position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; padding: 24px 0 0; display: block; width: 80px; height: 80px; font-weight: bold; border-radius: 50%; line-height: 12px; color: #fff; background: #72A430; border: 2px solid #72A430; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); }
.thumbnail:hover .caption span { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.thumbnail img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.thumbnail:hover img { opacity: .8; -webkit-transform: scale(1.2); transform: scale(1.2); }
.secondary-nav { border: none; border-radius: 0; background: #005AAA; padding: 15px 0; }
.dropdown-menu { min-width: 160px; padding: 5px 0px; margin: 0px 0px 0px; text-align: left; background-color: #FFF; border: none; border-radius: 0; box-shadow: none; background-clip: padding-box; }
.brand2 { font-family: arial; padding-left: 0; }
.sticky-nav { padding: 10px 0px; }
.navbar { transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.m-t-30 { margin-top: 30px; }
.m-b-10 { margin-bottom: 10px; }
.well { background: #fff; border: 1px solid #ddd; border-radius: 0; }
.form-control { border-radius: 0; box-shadow: none; width: 100% !important; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); }
.modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; bottom: auto !important; }
.modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; }
.modal.fade.in { top: 10%; }
.modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; }
.modal-header .close { margin-top: 2px; }
.modal-header h3 { margin: 0; line-height: 30px; }
.modal-body { position: relative; max-height: 400px; padding: 15px; overflow-y: auto; }
.modal-form { margin-bottom: 0; }
.modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1;
-webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; }
.modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.navbar-fixed-bottom .btn {
	width:33.333333%;
	display:block;
	float:left;
}
.fixed-btn {
	position:fixed;
	top:0;
	z-index:9999;
	right:0;
}
#toggle_paid {
	display:block;
	position: absolute;
	right: 7px;
	top: 0;
	width: 50px;
	height: 24px;
	background: #f0f0f0;
	border: 1px solid #ddd;
	border-radius: 16px;
	transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; 
}
#toggle_paid:active,#toggle_paid:hover {text-decoration:none;}

.hide-row:before {
    content: "";
}
#toggle_paid:before {
	content:"";
    position:absolute;
	right: 26px;
	top: 0px;
	width: 22px;
	height: 22px;
	border:1px solid #ddd;
	transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; 
	background:#fff;
	border-radius:50%;
}
#toggle_paid.hide-row {
	background:#398439;
	border-color:#398439;
}
#toggle_paid.hide-row:before {
	right: 0px;
}
#toggle_paid.show-row:after {
	content: "off";
	position: absolute;
	right: 7px;
	top: 2px;
	color: #888;
	font-weight: bold;
}
#toggle_paid.hide-row:after {
	content: "on";
	position: absolute;
	left: 7px;
	top: 2px;
	color: #fff;
	font-weight: bold;
}

.shaped td:nth-child(2),.shaped td:nth-child(3) { background:#eee;opacity: .5;}

.Footer {
    background: url("images/background_grey.jpg") repeat scroll 0 0 #e3e3e3;
    bottom: 0;
    padding: 30px 0 0;
    width: 100%;
}
.footer-list ul {
	padding:0;
	list-style-type:none;
	margin:0 0 30px 0;
}
.footer-list ul li {
	color:#777;
	margin-bottom:3px;
	text-transform:capitalize;
}
.footer-list ul li i {
	color:#005AAA;
}
.footer-list ul li a:hover {
	color:#333;
	text-decoration:none;
}
.header h1 { color: #005AAA; font-size: 26px; margin:0; margin-bottom:0; padding:0; font-weight:bold; }
@media (max-width:768px) {
	.copy-link {
		display: block;
		width: 100%;
	}
	.copy-link .form-control {
		display: block;
		margin-bottom: 15px;
		width: 100% !important;
		float: none;
		font-size: 18px;
	}
	.copy-link .input-group-btn,.copy-link .input-group-btn a {
		display: block;
width: 100%;
	}
	.copy-desc {
    bottom: auto;
    top: 65px;
}
	
	
}
.mobile-form { font-family: arial; font-size: 16px; }
.prods-title { padding: 10px 15px; color: #fff; float: left; background: #005AAA; position: relative; margin: -15px 0 15px -15px; }
.prods { background: #f0f0f0; padding: 15px; margin-bottom: 15px; border: 1px solid #ddd; }
.product { padding: 15px; border: 1px solid #ddd; background: #f9f9f9; position: relative; margin-bottom: 15px; }
.rmbtn { position: absolute; top: 0; right: 0; }
.m-t-fix { padding-top: 75px; }
.unstyled { list-style-type: none; margin: 0; padding: 0; }
.col-md-12 .unstyled.green-checks li { background: transparent url("../img/green-tick.png") no-repeat scroll 0px 16px; }
.btn-xl { padding: 20px 46px; font-size: 21px; line-height: 1.33333; border-radius: 0; }
.m-b-70 { margin-bottom: 70px; }
.paymentOptions { background: #f5f5f5; border: 1px solid #eee; padding: 10px; }
.form-control-editable { padding: 0; text-indent: 0; font-weight: bold; max-width: 100%; border: none; border-bottom: 1px dashed #333; margin-bottom: 10px; background: none; }
.thanku-msg { text-align: center; background: #005AAA; color: #FFF; padding: 55px 0px; margin: 0px -15px 0px; }
.thanku-msg h1 { font-size: 70px; line-height: 50px; padding: 0px; color: #fff; text-transform: uppercase; }
.slogan { font-size: 24px; font-weight: 400; color: #fff; }
.leadf { margin: 30px 0 5px; font-size: 30px; }
.lead2 { margin: 0 0 30px; font-size: 18px; }
ul.green-checks { margin-bottom: 40px; margin-left: 0; }
.green-checks li { font-size: 18px; margin-bottom: 10px; background: transparent url("../img/green-tick.png") no-repeat scroll 0px 5px !important; padding-left: 35px; padding-top: 2px; }
.radius { border-radius: 0; }
.navbar-default .navbar-toggle { border-color: #005AAA; color: #005AAA; padding: 6px 10px; font-size: 18px; }
.navbar-default .navbar-toggle span { display: block; }
.quick-invoicing { background: url("images/background_grey.jpg") repeat scroll 0 0 #e3e3e3; bottom: 0; padding: 10px 0 20px; text-align: center; width: 100%; z-index: 50; }
.quick-invoicing h2 { font-size: 30px; font-weight: 300; line-height: 28px; }
.quick-invoicing p { color: #4c4c4c; font-size: 16px; margin-top: 10px; font-weight: 400; }
.quick-invoicing .btn-success, .btn-mid { background: none repeat scroll 0 0 #00a63f; border-radius: 2px; color: #fff; display: inline-block; font-size: 18px; font-weight: 400; margin: 6px 0 0; padding: 10px 15px; }
.close-ico { background: none repeat scroll 0 0 #888; color: #fff; display: block; font-size: 35px; font-weight: 100; height: 40px; line-height: 33px; position: absolute; right: 0px; top: 0; width: 40px; z-index: 100; }
.close-ico:hover { background: #666; color: #fff; text-decoration: none; }
.quick-invoicing .or-text { line-height: 50px; }
.cancel-choice { display: inline-block; font-size: 19px; padding-top: 10px }
.cancel-choice a { color: #4c4c4c; text-decoration: underline; padding: 0 7px }
.quick-invoice-bar { background: #ddeaf1; padding: 15px 0 }
.quick-invoice-bar .wrap { width: 580px }
.m-b-30 { margin-bottom: 30px; }

@media only screen and (max-width: 420px) {
.thanku-msg h1 { font-size: 80px; line-height: 70px; }
.slogan { font-size: 26px; line-height: 26px; }
.leadf { margin: 30px 0px 5px; font-size: 26px; }
.btn-xl { white-space: normal; }
.navbar-brand {  }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { }
.navbar-nav > li > a { padding: 10px 15px;font-size: 18px;border-bottom:1px solid #eee; }
.block-title h3 { font-size: 20px; }
.container-content {
	padding:0;
}
}
.templates-list li {font-size:14px;margin-top:8px;}