@media screen {
	body {background-color:#606060; margin:0px; padding:0px;}
}
.frame {margin:0px auto; width:1030px; background-color:#ffffff; padding:0px;}
#top-menu {background-color:#b19c73; background-repeat:repeat-x; width:948px; 	margin:0px 41px 0px 41px; height:31px;}
#top-menu ul {margin:0px; padding:0px;}
#top-menu ul li { list-style-type:none; font-family:Arial; color:#ffffff; font-size:12px; margin:0px; padding:0px;}
#top-menu ul li.link {float:right;height:31px; border-left:1px solid #ffffff; display:block;}
#top-menu ul li.title {float:left; border:0px; padding:8px;}
#top-menu ul li.link:hover {background-image:url('/img/mainMenuHover.jpg'); background-repeat:repeat-x;}
#top-menu ul li a {font-family:Arial; color:#ffffff; font-size:12px; text-decoration:none; display:block; padding:9px 9px 8px 9px; margin:0px;}
#site { margin:0px auto;}
#banner {width:948px; height:163px; background-image:url('/img/header.jpg'); background-repeat:no-repeat; margin:0px 41px 0px 41px;}
.content {width:948px; margin:15px 41px 0px 41px; padding:0px;}

div.table {width:948px; margin:0px auto;}
table.schedule {border:1px solid #646464; cellspacing:0px; cellpadding:0px; padding:0px; border-spacing: 0px; border-collapse: separate; font-family:Verdana; font-size:12px; margin:0px auto;}
table.schedule th {color:#ffffff; background-image:url('/img/mainCategBg.jpg'); background-repeat:repeat-x; border-top:0px; border-bottom:0px; border-left:1px solid #646464; border-right:0px; padding:5px;  font-size:15px; font-weight:normal; font-family:Arial; height:35px;}
table.schedule th .date {font-size:11px;}
table.schedule td {border-top:0px;  border-left:0px; border-right:0px; padding:0px; margin:0px; height:30px;}
table.schedule td.slot {width:48px; font-weight:bold;}
table.schedule td.date {width:110px; border-left:1px solid #b19c73; cursor:pointer;}
table.schedule tr.odd td {background-color:#f3f3f3;}
table.schedule tr:hover  > td{background-color:#ece4d6;}
table.schedule tr td:hover {background-color:#b19c73;}
table.schedule td.selected, table.schedule tr.odd td.selected {background-color:#ece4d6; font-weight:bold;} 
table.schedule tr.odd td.occupied, table.schedule td.occupied {background-color:#c6b182;}
table.schedule tr.odd td.full, table.schedule td.full {background-color:#45555f; color:#ffffff;}
table.schedule tr.odd td.notavailable, table.schedule td.notavailable {background-color:#666666; color:#ffffff;}
table.schedule tr:hover  > td.full{background-color:#45555f; color:#ffffff;}
table.schedule tr:hover  > td.occupied{background-color:#c6b182;}
table.schedule tr:hover > td.notavailable {background-color:#666666; color:#ffffff;}
table.schedule tr td.occupied:hover {background-color:#c6b182;}
table.schedule tr td.full:hover {background-color:#45555f; color:#ffffff;}
table.schedule tr td.notavailable:hover {background-color:#666666; color:#ffffff;}
table.schedule ul.schedule {list-style-type:none; margin:0px; padding:0px;}
table.schedule ul.schedule li {float:right; height:30px; margin:0px; padding:0px;}
table.schedule ul.schedule li.filler {font-size:1px; width:10px; }
table.schedule ul.schedule li.timebar {width:10px;}
table.schedule ul.schedule li.status {float:left; height:30px; font-size:13px; display:block;}
table.schedule ul.schedule li.status span {padding:7px 5px 7px 5px; display:block;}
table.schedule ul.schedule li.begin {border-top:10px dashed #000000; height:20px;}
table.schedule ul.schedule li.begindone {border-top:10px dashed #ffffff; height:20px;}

.app_short {display:none; background-color:#f3f3f3; border:1px solid #b19c73; color:#b19c73; font-size:12px; font-family:Arial; margin:0px; padding:1px; width:250px; line-height:130%;}
.app_short .header {background-color:#b19c73; font-weight:bold; padding:5px; color:#ffffff; text-align:center; font-size:13px; margin-bottom:10px;}
.app_short .header .color {float:right; border:2px solid #ffffff; clear:right; height:10px; width:10px; margin:0px; padding:0px; }
.app_short span {width:70px; display:inline-block;}

h3 {margin:0px; padding:3px 3px 10px 3px; font-size:18px; color:#b19c73; font-weight:normal;}

#orderform {background-color:#b19c73; border:1px solid #ECE4D6; width:940px; padding:3px; font-family:Verdana; font-size:12px; margin-bottom:15px; height:176px; clear:right;} 
#orderform .customer {float:left;}
#orderform .confirm {float:right; width:110px; padding:10px 5px 5px 0px;}
#orderform .confirm #confirm {width:100px; height:50px; background-image:url('/img/mainCategHover.jpg'); background-repeat:repeat-x; background-color:#a70000; color:#ffffff; font-size:18px; font-family:Arial; cursor:pointer; border-radius:10px; border:1px solid #45555f;}
#orderform .row {float:left; width:220px; padding:0px; margin:0px 0px 0px 10px;}
#orderform .widerow {float:left; width:400px; padding:0px; margin:0px 0px 0px 10px;}
#orderform .remove_customer {display:inline-block; float:right; display:none; padding:5px 0px 0px 5px; color:#ff0000; font-weight:bold; font-size:14px; cursor:pointer;}
#orderform .label {width:200px; color:#333333; padding:0px; margin:0px;}
#orderform .field {width:210px; padding:0px; margin:0px;}
#orderform input, #orderform select {border:1px solid #666666; color:#333333; padding:2px; font-size:12px; margin-top:3px; width:180px;}
#orderform textarea {border:1px solid #666666; color:#333333; padding:3px; font-size:12px; margin-top:3px; width:382px; height:30px;}
#orderform div#return_to_order {color:#45555f; text-decoration:none; padding:10px 15px 10px 15px; margin:18px 5px 0px 10px; background-color:#ffffff; border-radius:3px; border:1px solid #45555f; width:150px; cursor:pointer;}
#orderform div#return_to_order:hover {text-decoration:underline;}

.footer {margin:0px 41px 41px; font-family:Arial; color:#b19c73; font-size:12px; height:100px;}
.footer ul {margin:0px 0px 15px 0px; padding:0px; height:36px;  background:#b19c73 url('/img/footLogo.jpg') no-repeat center left; padding-left:72px;}
.footer a {color:#b19c73; font-family:Arial; font-size:12px; text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footer ul li { list-style-type:none; font-family:Arial; color:#ffffff; font-siz:12px; margin:0px; padding:13px; float:left;}

#settings .content { }
.setting {border:1px solid #b19c73; padding:2px; display:none;} 
.settings_header {background-color:#b19c73; padding:5px 5px 5px 5px; font-size:15px; font-family:Arial; color:#ffffff; font-weight:normal;  font-weight:bold; line-height:150%; margin:10px 0px 0px 0px;}
.settings_header:hover {cursor:pointer;}
.settings_title {background-color:#b19c73; padding:5px; font-size:12px; margin:5px 0px 5px 0px; font-family:Arial; font-weight:bold;}
.settings_input {padding:2px; margin:0px;} 
.settings_label {float:left; width:130px; padding:2px 2px 2px 25px; font-size:12px; color:#333333; font-family:Arial; margin-top:3px;}
.settings_value {float:left; font-size:13px; line-height:150%; margin-top:3px;}
#settings span.delete a {text-decoration:none; font-size:12px; font-family:"Times New Roman"; color:#ff3030;}
#settings div.clicked {background-color:#b19c73;}
#settings input[type="text"] {color:#333333; padding:3px; font-size:12px; margin-top:3px; width:180px;}
#settings img.showicon {display:inline;}
#settings img.hide {display:none;}

#product_movement .content { }
.product, .reportdetail {border:1px solid #b19c73; padding:2px; display:none;} 
.product_header {background-color:#b19c73; padding:5px 5px 5px 5px; font-size:15px; font-family:Arial; color:#ffffff; font-weight:normal;  font-weight:bold; line-height:150%; margin:10px 0px 0px 0px;}
.product_header:hover {cursor:pointer;}
.product_input_header {margin-bottom:10px;}
.product_input_header .label, .product-adder .row div, .product-remover .row div, .add-product .row div, .add-procedure .row div,.product_input_header .adder, .procedure-adder .row div, .product_input_header .remover{float:left; padding:2px; font-size:12px; color:#333333; font-family:Arial; margin-top:3px; display:block;}
.product_input_header .label {font-weight:bold; }
.product_input_header .remover, .product_input_header .adder {background-color:#b19c73;}

.product .code {width:60px !important;}
.product .date {width:120px !important;}
.product .time {width:120px !important;}
.product .status {width:60px !important;}
.product .name {width:160px !important;}
.product .pcs {width:100px !important;}
.product .scheduleproc {width:200px !important;}
.product .pricevat {width:150px !important;}
.product .vat {width:40px !important;}
.product .button {width:100px !important;}
.product .button2 {width:200px !important;}
.product .contact {width:150px !important;}
.product .employee {width:100px !important;}
.product .note {min-width:500px !important;}
.product .delete {width:10px !important;}
.product .delete  span {font-size:12px; color:#ff0000; font-weight:bold; cursor:pointer;}
.product_input_header .adder.scheduleproc select {width:188px !important; margin:0px; padding:2px;}
.product_input_header .adder.code input {width:108px !important; margin:0px; padding:3px;}
.product_input_header .adder.vat input {width:28px !important; margin:0px; padding:3px;}
.product_input_header .adder.name input {width:378px !important; margin:0px; padding:3px;}
.product_input_header .adder.contact input {width:138px !important; margin:0px; padding:3px;}
.product_input_header .adder.employee select {width:138px !important; margin:0px; padding:2px;}
.product_input_header .adder.note textarea {width:488px !important; margin:0px; padding:3px; height:40px;}
.product_input_header .adder.pcs input {width:88px !important; margin:0px; padding:3px;}
.product_input_header .adder.pricevat input {width:138px !important; margin:0px; padding:3px;}
.product-adder .row div {padding:0px 3px 0px 3px; border-bottom:1px solid #999999;}
#product_add_reason {padding:10px 5px 10px 5px;}
#product_add_form {display:none; border:1px solid #45555f; margin:5px; padding:5px;}


.product_input_header .remover.code input {width:108px !important; margin:0px; padding:3px;}
.product_input_header .remover.name input {width:378px !important; margin:0px; padding:3px;}
.product_input_header .remover.pcs input {width:88px !important; margin:0px; padding:3px;}
.product_input_header .remover.pricevat input {width:138px !important; margin:0px; padding:3px;}
.product-remover .row div {padding:0px 3px 0px 3px; border-bottom:1px solid #999999;}

#product_remove_reason {padding:10px 5px 10px 5px; overflow:auto;}
#product_remove_form {display:none; border:1px solid #45555f; margin:5px; padding:5px;}
.procedure-adder .row div {padding:0px 3px 0px 3px; border-bottom:1px solid #999999;}

.product .submit {display:block; clear:after; float:right; margin-right:170px; margin-top:20px;}
.settings_value {float:left; font-size:13px; line-height:150%; margin-top:3px;}
#product_movement span.delete a {text-decoration:none; font-size:12px; font-family:"Times New Roman"; color:#ff3030;}
#product_movement div.clicked {background-color:#45555f;}
#product_movement .product_input_header input[type="text"] {color:#333333; padding:3px; font-size:10px; margin-top:3px; width:180px;}
#product_movement img.showicon {display:inline;}
#product_movement img.hide {display:none;}
.hidden {display:none;}


.navi {width:948px; padding:0px; margin:0px; background-color:#b19c73;}
.navi a {text-decoration:none; color:#ffffff; font-size:16px; font-family:Arial;}
.navi a:hover {text-decoration:underline;}
.navi .left {width:100px; float:left; margin:0px; padding:10px;}
.navi .right {width:100px; float:right; margin:0px; padding:10px; text-align:right;}
.navi .center {width:688px; float:left; margin:0px; padding:10px; text-align:center; color:#ffffff; font-size:15px; font-weight:normal; font-family:Verdana;}
.navi .today a{font-size:12px;}

.error {margin:10px 41px 10px 41px; padding:10px; border:1px solid #ff0000; background-color:#ff9f9f; width:926px; text-align:center; font-size:14px; color:#45555f; font-family:Arial;}

.employee1 {background-color:#ffeb00;}
.employee3 {background-color:#0090cc;}
.employee7 {background-color:#1f1513;}
.employee9 {background-color:#dc0070;}
.employee5 {background-color:#00388c;}
.employee4 {background-color:#765797;}
.employee6 {background-color:#a7633a;}
.employee2 {background-color:#ec7520;}
.employee10 {background-color:#ff0000;}

#appointment {display:none; margin-bottom:15px; min-height:184px; clear:right;}
#order_detail {border:1px solid #b19c73; padding:1px; width:600px; font-size:13px; font-family:Arial; color:#333333; line-height:130%; float:left;}
#order_detail .header{font-size:15px; font-family:Arial; background-color:#b19c73; color:#ffffff; text-align:center; padding:5px;}
#order_detail .color {float:left; clear:right; height:15px; width:15px; padding:0px; margin:0px; border:1px solid #ffffff;}
#order_detail span {width:110px; display:inline-block;}
#order_detail .cure {display:inline-block;}
#order_detail .note {float:right; width:300px; height:120px;}

#order_actions {float:right; width:340px; clear:after;}
#order_actions .button {width:145px; border:1px solid #b19c73; border-radius:5px; padding:8px 5px 5px 8px; font-size:14px; font-family:Arial; font-weight:bold; margin-bottom:10px; text-align:center; height:40px; background-color:#f3f3f3; cursor:pointer; float:left; margin-left:10px;}
#order_actions .button:hover {background-color:#b19c73;}
#order_actions .button span {font-weight:normal; font-size:11px;}
#order_actions .button img {float:left;}
#return_to_order {display:none;}

#loginform {width:350px; margin:0px auto; padding-top:0px; line-height:130%; font-family:Arial; font-size:12px; color:#45555f;}
#loginform span {width:180px; display:inline-block;}
#loginform p {margin-bottom:1px; padding:0px;}
#loginform input[type="text"], #loginform input[type="password"], #loginform input[type="submit"] {width:120px; padding:2px; border:1px solid #b19c73;}
#loginform input[type="checkbox"] {padding:1px; border:1px solid #b19c73;}

.choose_employees {width:948px; margin-bottom:10px;}
.choose_employees ul {list-style-type:none; margin:0px auto; padding:0px;}
.choose_employees ul li.employeeselect {float:left; font-size:11px; font-family:Arial; margin:3px 15px 3px 3px; padding:8px; border:1px solid #b19c73; display:inline-block; cursor:pointer;}
.choose_employees ul li span {width:10px; height:10px; display:inline-block; margin-left:5px; border:1px solid #333333;}
.choose_employees ul li.chosen {background-color:#b19c73; color:#ffffff;}
.choose_employees ul li.chosen span {border:1px solid #ffffff;}

.choose_resources {width:948px; margin-bottom:10px;}
.choose_resources ul {list-style-type:none; margin:0px auto; padding:0px;}
.choose_resources ul li.resourceselect {float:left; font-size:11px; font-family:Arial; margin:3px 15px 3px 3px; padding:8px; border:1px solid #b19c73; display:inline-block; cursor:pointer;}
.choose_resources ul li span {width:10px; height:10px; display:inline-block; margin-left:5px; border:1px solid #333333;}
.choose_resources ul li.chosen {background-color:#b19c73; color:#ffffff;}
.choose_resources ul li.chosen span {border:1px solid #ffffff;}

.movementlist {min-height:300px;}
.movementlist .row div {float:left; padding:5px 5px 2px 2px; margin:0px; font-size:13px; font-family:Arial; display:block; overflow:visible;}
.movementlist .row a {color:#b19c73;}
.movementlist .header {background-image:url('/img/mainCategBg.jpg'); background-repeat:repeat-x; font-weight:bold; height:22px; padding:0px; color:#ffffff; clear:both; float:none;}
.movementlist .header .row {overflow:visible; clear:both; float:none;}
.row .header {overflow:auto; float:none; height:auto;}
.movementlist .singlemovement {clear:right; width:98%; float:none; cursor:pointer;}
.movementlist .highlighted {background-color:#ece4d6;}
.movementlist .highlighteddark {background-color:#b19c73;  color:#ffffff;}
.movementlist .row {margin-top:2px; border-top:1px solid #b19c73; clear:both; overflow:auto;}
.movementlist .row:first-child {border:0px;}
.movementlist .row .id {width:50px;}
.row .date {width:80px;}
.row .time{width:80px;}
.row .code {width:60px;}
.reason {width:350px;}
.row .employee {width:120px;}
.list .row:hover {background-color:#ece4d6;}
.list .row .details {display:none; margin-bottom:10px; clear:both; float:none; overflow:auto;}
.list .row .details .header {background:none; color:#000000; padding:0px; margin:0px;}
.row.entry {clear:both; overflow:auto;}
.row .customer_note {padding:10px; margin:5px; border:1px solid #b19c73; width:95%; clear:both; float:none; display:inline-block;}
.row .row div{font-size:12px; padding:2px;}
.row .name {width:160px;}
.longname {width:240px;}
.price {width:120px; text-align:right;}
.discount {width:60px; text-align:right;}
.row .pcs {width:50px;}
.row .vat {width:80px; text-align:right;}
.stock {width:80px; text-align:right;}
.row .filler {width:180px;}
.movementlist .no-results {margin:20px auto; width:50%;}
.movementlist .row.divider {font-size:13px; font-weight:bold; margin:10px 0px 0px 0px; padding:10px 0px 10px 0px; border:0px;}
.row .edit-procedure, .movementlist .row .edit-product, .movementlist .row .edit-customer {margin:0px; padding:0px; border:0px; clear:both; width:930px;}
.movementlist .row .holder {border:1px solid #b19c73; padding:5px; margin:10px; clear:both;}
.row .edit-procedure div, .row .edit-product div, .row .edit-customer div {float:none;}
.row .holder .label {float:left;}
.row .holder .adder {float:left;}
.row .holder .name {width:390px;}

.product .total_text {width:530px; text-align:right; padding-right:10px; display:inline-block}
.product .total {margin-top:5px; padding-bottom:5px; border-top:1px solid #b19c73; clear:both;}
.product .total .price {display:inline-block; clear:right;}
.product .total div {font-size:14px; padding-bottom:5px;}

.dateselect {margin:5px 5px 20px 5Px; padding:2px; border:1px solid #b19c73; clear:both;}
.dateselect div {float:left; padding:2px 20px 2px 2px; margin:0px;}
.dateselect input {font-size:12px; padding:2px;}
.dateselect div.aligncenter {float:none; width:auto; margin:0 auto;}
.dateselect div.aligncenter input {padding:5px 15px; font-size:14px;}


#product_remove_reason #customer_remove {display:none; float:left; width:auto; margin-top:10px; background-color:#b19c73; padding:5px;}
#product_remove_reason #employee_remove {display:none; float:right; width:auto; margin-top:10px; background-color:#b19c73; clear:right; padding:5px;}
#order_detail.finished {width:940px;}
.ordered {border:1px solid #45555f; margin:5px; padding:5px; width:300px; float:left;}
.doneby {float:right; background-color:#b19c73;}

.realised .row div {float:left;}
.realised {margin:6px; padding:5px; clear:both;}
.realised .product {display:block;}
.realised .product_input_header {padding:10px 10px 10px 0px;}
.realised .bgcolor {background-color:#b19c73; }
.realised .total {overflow:auto; margin:0px; border-top:none; padding-bottom:0px;}
.realised_total_text {font-weight:bold; float:left; text-align:right; padding:5px 0px 5px 0px;}
.realised_price {font-weight:bold; float:right; width:80px; padding:5px 0px 5px 0px; margin-right:100px;}
.realised .ready {text-align:right; padding:5px; width:auto; background-color:#b19c73;}

.add-procedure, .add-product, .add-customer {display:none; border:1px solid #45555f; padding:5px; margin:10px; clear:both;}
#add-procedure, #add-product, #add-customer {float:right; padding:3px 10px 3px 10px; background-color:#45555f; color:#ffffff; font-size:14px; margin:3px; clear:both; cursor:pointer;}
#showallcustomers, #showactivecustomers  {padding:3px 10px 3px 10px; background-color:#45555f; color:#ffffff; font-size:14px; margin:3px; clear:both; cursor:pointer; display:inline-block; text-decoration:none;}
.header-title {background-image:url('/img/mainCategBg.jpg'); background-repeat:repeat-x; font-weight:bold; display:block; height:22px; padding:3px; color:#ffffff;}

.loading {display:none; position:fixed; top:0px; left:0px; z-index:100; width:100%; height:100%; background-color:rgba(255,255,255,0.9);}
.loading .message {font-size:30px; font-weight:none; font-family:Helvetica, Arial, sans-serif; font-weight:bold; width:150px; height:50px; margin:200px auto; padding:0px; text-align:center;}
.loading #refreshpage {display:none;}
.loading #refreshpage a {font-size:12px; cursor:pointer; color:#45555f; text-decoration:none;}

.green {color:#00cc00; text-decoration:none; font-weight:bold;}
.red {color:#000000; text-decoration:none; font-weight:bold;}
.green:hover, .red:hover {text-decoration:underline;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.sort {font-style:italic; cursor:pointer;}
.sort.up:after { content:' ▲'; font-style:normal;}
.sort.down:after { content:' ▼'; font-style:normal;}
.floatright {float:right !important;}

.obsolete div {color:#999999;}
.adminactions input {margin:0px 10px;}
.adminedit {overflow:auto; padding:5px;}


.main {width:948px; margin:15px 41px 0px 41px; padding:0px;}
.databar {padding:5px; margin-top:5px; border:1px solid #45555f; clear:both; margin-bottom:20px; overflow:hidden;}
.datbar a {color:#b19c73; text-decoration:none;}
.databar h2 {color:#45555f; font-size:24px; padding:0px; margin:0px; font-weight:normal;}
.dataset {float:left; width:175px; margin:5px; border:1px solid #b19c73; text-align:center; font-size:12px; padding-bottom:5px;}
.dataset h3 {font-size:14px; font-weight:bold; background-color:#b19c73; color:#ffffff; margin:3px; padding:5px}
.dataset .big {font-size:16px; font-weight:bold; padding:3px;}
.dataset a {color:#45555f; text-decoration:none;}
.dataset a:hover {text-decoration:underline;}
.databar.movementlist {min-height:0px;}
.dataset.link {padding-top:5px; height:140px;}
.dataset.link.holder {border:0px; padding-top:0px;}
.dataset.link .small {height:61px; display:block; margin-bottom:6px; border:1px solid #b19c73; padding:5px;}
.dataset.link .blurred a {color:#999999; cursor:default; text-decoration:none;}
.dataset.link a {font-size:18px; font-weight:normal; color:#b19c73; margin:3px; padding:0px;}
.dataset.link  img {margin-top:10px;}
.realised textarea#desc {width:500px; height:150px;}
.goto {display:inline-block; padding:9px; color:#b19c73; text-decoration:none; font-weight:bold;}

.attendancetable {width:100%; border-spacing: 0px;}
.attendancetable th {text-align:left; border-bottom:1px solid #b19c73; color:#b19c73; font-size:14px; padding:3px;}
.attendancetable td {font-size:13px; background-color:transparent; padding:3px;}
.attendancetable tr.nl:nth-child(n+2) td:first-child, .attendancetable tr.nl:nth-child(n+1) td:nth-child(2), .attendancetable tr.nl:nth-child(n+1) td:nth-child(3) {border-top:1px solid #999999;}
.attendancetable tr.current {background-color:#b19c73;}

.breadcrumbs {clear:both; padding:0px 5px 5px; margin-bottom:5px; overflow:hidden;}
.breadcrumbs .crumb {float:left; padding-right:5px; margin-right:5px; border-right:1px solid #b19c73;}
#warningconfirm a, .breadcrumbs .crumb a {color:#b19c73; text-decoration:none;}
#warningconfirm a:hover, .breadcrumbs .crumb a:hover {text-decoration:underline;}

.print {width:100%;}
.print .frame {width:55mm; font-size:12px;}
.invoice-header, .invoice-dates, .invoice-items {margin-bottom:5px; border-bottom:1px solid #666666;}
.invoice-header h3 {font-size:12px; margin:0 0 1px0 ; padding:0 0 1px 0; color:#000000; font-weight:700;}
.invoice-items .price {overflow:visible; display:block; text-align:right; width:100%;}
.invoice-totals .right {display:inline-block; float:right; clear:both;}
.invoice-totals {padding-bottom:1cm;}

.header-invoice {text-align:center}
.header-invoice a {display:inline-block; padding:10px 30px; margin:0px 15px; background-color:#b19c73; color:#ffffff; text-decoration:none; border:1px solid #b19c73;}
.header-invoice a:hover {background-color:#ffffff; color:#b19c73; text-decoration:none;}