html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    color: #333333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

.navbar:before, .navbar:after, .container:before, .container:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
}
.navbar:after, .container:after {
    clear: both;
}
.navbar {
    background-color: #6399C0;
    border-bottom: 1px solid #D8D8D8;
    border-top: 5px solid #4A7EA6;
    height: 60px;
    padding-top: 15px;
}

.container {
    max-width: 970px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

a.navbar-brand {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    
}
.page-header {
    border-bottom: 1px solid #EEEEEE;
    margin: 30px 0 20px;
    font-size: 36px;
}

#invoices table {
    border: 1px solid #DDDDDD;
    margin-bottom: 20px;
    width: 100%;
    max-width: 800px;
    page-break-inside: auto;
    background-color: rgba(0, 0, 0, 0);
    border-collapse: collapse;
    border-spacing: 0;
}
#invoices th, #invoices td {
    line-height: 1.42857;
    padding: 8px;
    text-align: left;
    border: 1px solid #DDDDDD;
}
#invoices th {
    border-bottom-width: 2px;
    border-top: 0 none;
    vertical-align: bottom;
}

.btn {
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    background-color: #6399C0;
    border-color: #4A7EA6;
    color: #FFFFFF;
    margin: auto;
}
@font-face {
    font-family:'Glyphicons Halflings';
    src:url('../fonts/glyphicons-halflings-regular.eot');
    src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')
}
.glyphicon {
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:normal;
    line-height:1;
    -webkit-font-smoothing:antialiased
}
.glyphicon:empty{width:1em}

.glyphicon-file:before{content:"\e022"}



#home {font-size:18px; background:#fff; color:#fff; font-weight:bold;}
.logo { margin:6% auto 20px; text-align:center;}
.content {width:300px; padding:20px; margin:auto; background-color:#69addc; border:5px solid #69addc;}
.content p {margin:0 auto 1.625em; padding:0; text-align:center; clear:both;}
.content form {margin:0 auto 0; padding:0; width:226px;}
.content form p {font-size:15px;}
.content form p.fields {text-align:right; height:24px; }
.content input[type="text"] {float:right;}
label {float:left;}
.content form p.error {margin-bottom:0.425em; color:#ff0000; font-size: 14px; line-height:1em; font-weight:300;}
.content input[type="submit"] {background-color:#fbdb21; border:2px solid #f8b421; color:#467694; font-weight:bold; padding:3px 6px;}
.content .submit{margin-bottom:0;}
.content.error p {margin:0 auto;}

/*invoice*/
#invoice {margin:20px; font-family:Verdana, Arial, Sans-serif;}
#invoice * {font-size:12px;}
#left-column {width:300px; float:left;}
#right-column {margin-left:300px; page-break-after:always;}

#invoice table {width:100%; border-left:1px solid #666;}
#invoice th {background-color:#666; padding-bottom:20px; color:#FFF;}
#invoice td {border-bottom:1px solid #666; border-right:1px solid #666;}
.align_right {text-align:right;}
.total_line td {background-color:#DDD; border-top:2px solid #666;}
.print {text-align:center; border:#ac3c3b 4px solid; width:360px; margin:auto; padding:6px;}
.print span {color:#ac3c3b; font-weight:bold; margin-right:10px;}
.print input[type="button"]{color:#ac3c3b; font-weight:bold;}

/* =Print
----------------------------------------------- */

@media print {
	body { width:100%;/*background:none !important;*/ }
    #invoice, #left_column, #right_column, .data, .data p {margin:0 !important;}
    #invoice * {font-size:10pt !important;}
	#left_column { float:right !important; text-align:right !important;}
    #left_column * {margin-bottom:0;}
	#right_column {float:none !important;}
    .print {display:none;}
    .data {float:right;clear:both;}
    .data p {float:left !important;}    
    .data p.second {padding-left:4px !important;}
    .data.last { margin-bottom:10px !important;}
    .date {margin-bottom:20px !important;}
    table, td, tr, .total_line td, .logo {border:none; padding:0; margin:0;}
     table#invoice_content {clear:both !important; border:1px solid #666; width:99.6%; margin:auto !important;}
    #invoice_content td, #invoice_content th {border-bottom:1px solid #666 !important; border-right:1px solid #666; padding:8px 0;}
    #invoice_content th {border-bottom-width:2px !important;}
    span {margin:auto 8px;}
    #invoice_content .total_line td {border-top:1px solid #666 !important; border-right:1px solid #666; padding:8px 0;} 
    
}