BODY {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    text-align: left;
    line-height: 1.3;
}

A {
    color: #000;
    text-decoration: underline;
    outline:0;
}

A:hover {
    color: #5b3b24;
}

H1 {
    color: #5b3b24;
    font-size: 1.3em;
}

H2 {
    color: #333;
    font-size: 1.2em;
}

H4 {
    margin: 0.3em 0;
}

img {
    max-width: 100%;
    height: auto;
}

input, select {
    padding: 0.1em;
}

input[type=checkbox] {
    vertical-align: bottom;
}

textarea {
    box-sizing: border-box;
    width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
}

#imagelightbox {
    position: fixed;
    z-index: 9999;

    -ms-touch-action: none;
    touch-action: none;
}

#body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 70em;
    text-align: left;
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 0.1em;
    /*border: #000 thin dashed;*/
}

#body > * {
    padding: 0.2em;
    flex: 1 100%;
    /*border: #7C0204 thin dashed;*/
}

#body-pdf {
    width: auto;
    text-align: left;
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 0.1em;
    /*border: #000 thin dashed;*/
}

#body-pdf > * {
    padding: 0.2em;
}

#alpha_index > ol {
    margin: 0.6em 0;
    padding: 0;
}

#alpha_index > ol > li {
    display: inline-block;
    padding: 0.2em 0.4em;
    margin-top: 0.5em;
}

#alpha_index ol li:not(:first-child) {
    margin-left: 0.2em;
}

#alpha_index > ol > li > div {
    width: 6em;
}

#alpha_index > ol > li.search {
    background-color: #fff;
    padding: 0;
}

#header {
    color: #000;
    background-color: #fff;
    border-bottom: #000 thin solid;
    text-align: center;
    margin-bottom: 0.5em;
}

#header h1 {
    color: #000;
    font-weight: normal;
}

#header > div > div {
    display: inline-block;
    vertical-align: bottom;
}

#logo {
    max-width: 15.5em;
}

#second_box {
    float: right;
    width: 12em;
    max-width: 12em;
    border: #000 thin solid;
}

.middle {
    margin: 0.5em 0 0 0;
    padding: 0.5em;
    background-color: #fff
}

.middle > ol, #companyByIndex > ol, #compositions > ol, .cash > ol, #invoice_item > ol, .receipts > ol {
    margin: 0;
    padding: 0;
}

.middle > ol > li, #companyByIndex > ol > li, #compositions > ol > li, #invoice_item > ol > li, #invoice_items_edit > li, #invoice_vat > ol > li, #menu_rest > ol > li, .items, .cash > ol > li, .receipts > ol > li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    vertical-align: bottom;
}

.middle > ol > li {
    border-bottom: #bbc6e8 thin dotted;
}

.middle > ol > li:nth-of-type(2n), #companyByIndex > ol > li:nth-of-type(2n) {
    background-color: #f3f3f3
}

.middle > ol > li > div, #invoice_item > ol > li > div, #compositions > ol > li > div, .cash > ol > li > div, .receipts > ol > li > div {
    display: inline-block;
    padding: 0.2em;
    text-align: right;
    width: 7em;
}
.cash {
    border-top: #0a0a0a thin dotted;
    border-bottom: #0a0a0a thin dotted;
}
.cash > ol > li > div {
    font-size: 0.82em;
    width: 6em;
}

.cash > ol > li > div:nth-of-type(3) {
    width: 4em;
}

.middle > ol > li > div:nth-of-type(1), #invoice_item > ol > li > div:nth-of-type(1) {
    width: 6em;
    text-align: left;
}

.middle > ol > li > div:nth-of-type(2), #invoice_item > ol > li > div:nth-of-type(2), .receipts > ol > li > div:nth-of-type(2), .receipts > ol > li > div:nth-of-type(6) {
    width: 25%;
    min-width: 8em;
    text-align: left;
}

.middle > ol > li > div:nth-of-type(5), #invoice_item > ol > li > div:nth-of-type(5), .receipts > ol > li > div:nth-of-type(1) {
    font-weight: bold;
}

/*
 * Padding left for contracts list (dateOfDeath)
 */
.contract > h4 {
    margin-top: 2em;
}

.middle > ol > li > div div.container > div:nth-of-type(2) {
    padding-left: 0.5em;
}

.middle > ol > li > div.cont_block > div:not(:first-child) {
    padding-top: 0.5em;
}

#companyByIndex {
    overflow: auto;
    /*max-height: 92%;*/
    /*font-size: 0.8em;*/
}

#companyByIndex > ol > li > div, #invoice_items_edit > li > div, #invoice_vat > ol > li div {
    display: inline-block;
    padding: 0.2em;
    width: 6em;
}

#companyByIndex > ol > li > div:nth-of-type(2) {
    width: 8em
}

#companyByIndex > ol > li > div:nth-of-type(3),
#companyByIndex > ol > li > div:nth-of-type(4) {
    width: 40%;
    min-width: 12em;
}

#companyByIndex > ol > li > div:nth-of-type(4) {
    width: 27%;
}

#compositions > ol > li > div {
    width: 16em;
    text-align: left;
}

#compositions > ol > li > div:nth-of-type(1) {
    width: 3em;
}

#compositions > ol > li > div:nth-of-type(5) {
    width: 5em;
    text-align: right;
}

#compositions > ol > li > div:nth-of-type(6), #companyByIndex > ol > li > div:nth-of-type(5) {
    width: auto;
}

#compositions > ol > li > div:nth-of-type(6) input, #companyByIndex > ol > li > div:nth-of-type(5) input {
    height: 2em;
}

#contract > div {
    display: inline-block;
    vertical-align: top;
    padding: 1em;
    width: 30%;
    max-width: 26em;
    min-width: 18em;
}

#contract-pdf {
    border-top: #000 thin solid;
    border-bottom: #000 thin solid;
}

#contract-pdf > div {
    display: inline-block;
    vertical-align: top;
    padding: 0.6em;
    width: 45%;
    /*border: #000 thin dashed;*/
}

#contract-pdf > h4 {
    padding: 0.4em 0;
}

#dlg-company-open {
    overflow: auto;
}

#dlg-composition-open {
    overflow: auto;
}

#submenu > ol > li, #submenu > ol > li > ol > li {
    display: inline-block;
    list-style-type: none;
    padding: 0 0.5em;
}

#submenu > ol > li:nth-of-type(2n) {
    background-color: transparent;
}

#submenu > ol {
    margin-left: 0;
    padding: 0;
}

#submenu > ol > li > div {
    text-align: center;
    padding: 0;
}

#submenu > ol > li > div > div {
    display: block;
    text-align: center;
}

#submenu > ol > li > div > input[type=image] {
    width: 2em;
    text-align: center;
    vertical-align: middle;
}

#submenu > ol > li > div > label {
    display: block;
}

#submenu > ol > li > ol > li {
    border: none;
}

#submenu > ol > li > ol > li > div {
    text-align: right;
    border: none;
}

#submenu > ol > li:last-child {
    width: 30%;
    font-size: 0.8em;
    vertical-align: bottom;

}

#submenu > ol > li:last-child > ol {
    padding: 0;
    margin: 0;
    display: table;
}

#submenu > ol > li:last-child > ol > li {
    display: inline-table;
    width: 6em;
}

.submenuContainer {
    border-left: #0a0a0a thin dotted;
    padding-left: 1em;
}
.subMenuCols {
    display: inline-block;
    padding-top: 0.5em;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 2; /*3 is just placeholder -- can be anything*/
}
.subMenuCols li {
    list-style-type: none;
    padding-bottom: 0.3em;
    font-size: 0.8em;
    text-align: right;
}
#invoice_edit_consumer {
    vertical-align: bottom;
}

.invoice > #invoice_items_edit {
    padding: 0;

}

#invoice_items_edit li:first-child {
    padding: 0 0.6em;
}

#invoice_items_edit li div input {
    margin: 0.1em 0.1em 0 0;
}

#invoice_items_edit li div input[type=text] {
    box-sizing: border-box;
    width: 100%;
    text-align: right;
}

#invoice_items_edit li div:nth-of-type(1) input[type=text], #invoice_items_edit li div:nth-of-type(2) input[type=text] {
    text-align: left;
}

#invoice_items_edit li div:nth-of-type(1) {
    width: 6.6em;
    text-align: left;
}

#invoice_items_edit li div:nth-of-type(2) {
    width: 30%;
    min-width: 8em;
    text-align: left;
}

#invoice_items_edit li div:nth-of-type(3) {
    width: 5em;
}

#invoice_items_edit li div:nth-of-type(4) {
    width: 2.8em;
}

#invoice_items_edit li div:nth-of-type(7) {
    width: 4em;
}

#invoice_items_edit li div:nth-of-type(8) {
    width: 0.8em;
}

#invoice_item li div:nth-of-type(1) {
    width: 6em;
    text-align: left;
    padding-left: 1em;
}

#invoice_item li div:nth-of-type(2) {
    width: 28%;
    min-width: 8em;
    text-align: left;
}

#invoice_item li div:nth-of-type(4) {
    width: 3em;
}

#invoice_item li div:nth-of-type(7) {
    width: 3em;
}

#invoice_vat {
    width: 60%;
    margin: auto;
    margin-right: 0;
}

#invoice_vat > ol > li {
    text-align: right;
}

#invoice_vat > ol > li > div {
    text-align: right;
    width: 9em;
}

#invoice_vat > ol > li:last-child > div {
    font-weight: bold;
}

#invoice_vat > ol > li:first-child {
    margin: 2em 0 0 0;
    border-bottom: thin #000 solid;
}

#menu_rest > ol > li > div {
    display: inline-block;
    padding: 0.2em;

    vertical-align: top;
}

#menu_rest > ol > li > div:nth-of-type(1) {
    width: 4em;
    text-align: right;
    padding-right: 1em;
}

#menu_rest > ol > li > div:nth-of-type(2) {
    width: 60%;
    min-width: 4em;
    max-width: 30em;
}

#menu_rest > ol > li > div:nth-of-type(3) {
    width: 4em;
    text-align: right;
    padding-bottom: 2em;
}

#menu_rest > ol > li > div > div {
    display: block;
}

#menu_rest > ol > li > div > div:nth-of-type(2), .menu_rest {
    color: #666;
    font-style: italic;
}

#menu {
    width: 7em;
    color: #7C0204;
    font-weight: bold;
    margin: 2em 0.5em 0 0;
}

#menu UL {
    margin: 0px 0px 0px 0.1em;
    padding: 0;
    list-style-type: none;
}

#menu UL LI SPAN:before {
    content: " › ";
    color: #000;
}

#menu UL LI UL LI:before {
    content: "";
}

#menu UL LI {
    font-weight: normal;
    margin: 0 0 0.1em 0;
    padding: 0.5em 0 0.5em 0.5em;
}

#menu UL LI:not(:first-child) {
    border-top: #7C0204 solid thin;
}

#menu UL LI A {
    color: #000;
    text-decoration: none;
}

#menu UL LI A:hover {
    color: #7C0204;
}

#menu UL LI UL LI {
    padding-left: 0.5em;
}

#footer {
    background: #224e74;
    border-top: thin #1b2b39 solid;
    padding: 0.4em 1em;
}

#footer ul li {
    list-style-type: none;
}

#footer, ul li a {
    color: #bbc6e8;
}

#footer ul li a:hover {
    color: #fff;
}

.content {
    max-width: 60em;
    text-align: left;
    margin: 0 auto 0 auto;
}

.bold {
    font-weight: bold;
}

#errIN{
    color: #7C0204;!important;
    font-size: 1em;
}
.err_box{
    position: absolute;
    margin-top: -2em;
    background-color: #7C0204;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 0.4em;
}
.font_size_0_8 {
    font-size: 0.8em;
}
.font_size_0_7 {
    font-size: 0.7em;
}
.h_offset_1 {
    margin: 1em 0 0 0;
}

.h_offset {
    margin-top: 2em;
}
.h_offset_6 {
    padding-top: 6em;
}
.v_offset {
    margin-left: 3em;
}

.half td {
    width: 50%;
    padding: 1em;
    vertical-align: top;
    border-top: 1px solid #888;
}

.half td table tr td {
    border: 0 solid #888;
    padding: 0;
}

.d_hide {
    display: none;
    font-size: 0;
}

.t-half tr td {
    width: 50%;
    padding: 1em;
    vertical-align: top;
}

.t-half tr td table tr td {
    padding: 0.4em;
    width: auto;
}

.t-third tr td {
    width: 30%;
}

.t-third tr td:first-child {
    border: 2px solid #888;

}

.separator_bottom {
    border-bottom: thin dotted #000;
}

.separator_left {
    border-left: thin dotted #000;
}

.separator_top {
    border-top: thin dotted #000;
}
.label {
    width: 30%;
}

.t_flower_title td {
    border-top: thin solid #666;
    border-bottom: thin solid #666;
}

.tab_items {
    margin-top: 10px;
}

.tab_items tr td {
    font-size: 8pt;
    padding: 4px 10px;
}

.tab_invoice_items tr td {
    text-align: right;
}

.tab_separ td {
    border-bottom: thin solid #000;
}

.vat {
    margin-right: 0;
    margin-left: auto;
    width: 60%
}

.bold_12 {
    font-size: 12pt;
    font-weight: bold;
}
.align_center {
    text-align: center;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.title, #alpha_index > ol > li {
    padding: 0.3em 0.4em;
    background-color: #ccc;
    list-style-type: none;
    vertical-align: bottom;
}

.title a {
    font-size: 0.9em;
    text-decoration: none;
}

.title td {
    padding: 6px 0;
    margin-bottom: 4px;
    font-size: 10pt;
    font-weight: bold;
}

.search {
    background-color: #fff;
}

.cena {
    margin-bottom: 1em;
}

.h_text {
    width: 55%;
    min-width: 14em;
    padding: 0.1em;
    font-size: 1.1em;
    font-weight: bold;
    color: #7C0204;
}

.it {
    font-style: italic;
}

.dark_shadow {
    color: #666;
}

.internal_inv {
    background-color: #fbdadd !important;
}

.name {
    font-weight: bold;
}

.name span {
    font-style: italic;
    font-weight: normal;
}

.nav {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}

.nav ol {
    margin: 0;
    padding: 0;
}

.nav ol li:not(:first-child):before {
    content: " › ";
}

.nav ol li, .h_menu ol li {
    display: inline-block;
    list-style-type: none;
}

.h_menu ol {
    margin-left: 0;
    padding: 0;
}

.nav ol li > a img {
    width: 1.2em;
}

.par_end {
    margin-bottom: 0.6em;
}

.h_menu ol li {
    padding: 0 0.6em;
}

.h_menu ol li > a, .h_menu ol li > a:hover {
    text-decoration: none;
}

.h_menu ol li > a div {
    display: block;
    text-align: center;
    padding: 0.5em;
}

.h_menu ol li div > img {
    width: 2em;
    text-align: center;
    vertical-align: middle;
}

.pdf_page_footer {
    text-align: right;
    margin: 0 0 0 auto;
    font-size: 0.8em;
    color: #666;
}

hr.clr_left {
    clear: both;
    height: 1px;
    border: none;
    margin: -1em 0 0 0;
    visibility: hidden;
}

.d_title {
    display: block;
    width: 100%;
    font-weight: bold;
}

.invoice {
    width: 100%;
    max-width: 54em;
}

.invoice_edit > div {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    min-width: 12em;
    padding: 0.6em;
}

.invoice_edit div input[type=text], .invoice_edit div select {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.invoice_edit label, .items label {
    font-size: 0.8em;
    color: #666;
}

.invoice_edit input.side-label[type="checkbox"], .invoice_edit input[type="radio"] {
    position: absolute;
    left: -9999px;
}

.side-label {
    display: block;
    position: relative;
    margin: 0;
    padding-left: 35px;
    cursor: pointer;
    font-size: 1em;
}
label.side-label {
    font-weight: bold;
    font-size: 0.9em;
}
.side-label::before, .side-label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.invoice_edit input[type="radio"] + .side-label::before,
.invoice_edit input[type="radio"] + .side-label::after {
    border-radius: 50%;
}

.side-label::before {
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #3d405e;
}

.invoice_edit input:focus + .side-label::before {
    border-color: #8f9bb5;
}

.side-label::after {
    display: none;
    width: 12px;
    height: 12px;
    margin: 4px;
    background-color: #8f9bb5;
}

input:checked + .side-label::after {
    display: block;
}
.container {
    display: table;
    width: 100%;
}
.delivery-address-disclosure, .isOrderCompany-disclosure {
    display: none;
    margin: 10px 0 0 35px;
}

#delivery-address:checked ~ .delivery-address-disclosure, #isOrderCompany:checked ~ .isOrderCompany-disclosure {
    display: block;
}
.cont_block > div {
    display: inline-table;
    width: 100%;
}

.d2, .d3, .d4, .container > div {
    display: table-cell;
    /*white-space: nowrap;*/
}

.d3 {
    width: 6em;
}

.d4 {
    width: 3em;
}

.list, .detail, .company {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 0 1em 0;
    width: 100%;
}

.company {
    width: auto;
}

.company_bank_accounts {
    padding-left: 2em;
}

.company_bank_accounts > .h_offset_1:first-child {
    padding-top: 0;
}

.detail > div {
    display: inline-block;
    vertical-align: top;
    min-width: 10em;
    padding: 0.5em;
}

.detail > div:nth-of-type(n+4) {
    border-top: thin #ccc dashed;
    width: 34%;
}

.detail > div:nth-of-type(1) {
    width: 34%;
    border-right: thin #ccc dashed;
}

.detail > div:nth-of-type(2) {
    width: 30%;
    padding-left: 1em;
    margin: auto;
}

.detail > div:nth-of-type(3) {
    padding-left: 1em;
    margin: auto;
    /*border-left: thin #000 solid;*/
}

.detail > div > div > div, .invoice_contact > div > div {
    display: inline-block;
    width: 7em;
}

.deceased:not(:nth-of-type(1)), .flower:not(:nth-of-type(1)) {
    margin-top: 1em;
    padding-top: 1em;
    border-top: #000 thin dashed;
}

.invoice_sum {
    text-align: right;
    padding-top: 2em;
}

.items > li > div {
    display: inline-block;
    width: 9em;
    padding: 0.2em 0.05em;
}

.items > li:first-child > div {
    padding: 0.4em 0;
}

.items > li:first-child > div:first-child {
    padding-left: 0.6em;
}

.items > li > div > input[type=text] {
    box-sizing: border-box;
    width: 100%;
}

.items > ol > li > div:nth-of-type(1) {
    padding-right: 1em;
}

.items_flower > li {
    background-color: #bbe2cc;
    padding: 0.2em;
}

.items_flower > li:first-child {
    background-color: #6fb78f;
}

.items_music > li {
    background-color: #cacbf6;
}

.items_music > li:first-child {
    background-color: #8687bf;
}

.items_transport > li {
    background-color: #d8c8cf;
}

.items_transport > li:first-child {
    background-color: #c099aa;
}

.items_music > li:nth-child(n + 3),
.items_flower > li:nth-child(n + 3),
.items_transport > li:nth-child(n + 3) {
    border-top: thin #666 solid;
    margin-top: 1em;
    padding-top: 1em;
}

.items_flower > li > div:nth-of-type(3) input[type=text],
.items_flower > li > div:nth-of-type(4) input[type=text],
.items_flower > li > div:nth-of-type(5) input[type=text],
.items_flower > li > div:nth-of-type(6) input[type=text],
.items_transport > li > div:nth-of-type(3) input[type=text],
.items_transport > li > div:nth-of-type(6) input[type=text],
.items_music > li > div:nth-of-type(1) input[type=text],
.items_music > li > div:nth-of-type(5) input[type=text] {
    text-align: right;
}

.items_flower > li > div:nth-of-type(3),
.items_flower > li > div:nth-of-type(4),
.items_flower > li > div:nth-of-type(5),
.items_flower > li > div:nth-of-type(6),
.items_flower > li > div:nth-of-type(7),
.items_transport > li > div:nth-of-type(3),
.items_transport > li > div:nth-of-type(6),
.items_music > li > div:nth-of-type(1),
.items_music > li > div:nth-of-type(5) {
    text-align: right;
    width: 5em;
}

.items_flower > li > div.container > div {
    width: 38em;
}

.items_flower > li textarea {
    font-size: 1.2em;
    height: 4em;
    width: 100%;
    border: thin #ccc solid;
    border-radius: 4px;

}

.items_flower > li > div:nth-of-type(1), .items_flower > li > div:nth-of-type(2) {
    width: 18em;
}

.items_flower > li > div:nth-of-type(5) {
    width: 7em;
}

.items_flower > li > div:nth-of-type(7) {
    vertical-align: top;
    width: 8em;
}

.items_flower > li > div:nth-of-type(8), .items_flower > li > div:nth-of-type(9) {
    width: 100%;
    min-width: 8em;
}

.items_flower > li > div:nth-of-type(9) textarea {
    font-weight: bold;
}

.items_flower > li > div:nth-of-type(9) {
    display: table-cell;
    width: 100%;
    min-width: 8em;
}

.items_flower > li > div:nth-of-type(10) {
    display: table-cell;
    width: auto;
}

.items_music > li > div {
    text-align: left;
    width: 18em;
}

.items_music > li > div:nth-of-type(3) {
    width: 18em;
}

.items_music > li > div:nth-of-type(7) {
    display: table-cell;
    width: 100%;
}

.items_music > li > div:nth-of-type(7) input[type=text] {
    width: 100%;
}

.items_music > li > div:nth-of-type(6), .items_music > li > div:nth-of-type(8) {
    display: table-cell;
    width: auto;
}

.items > li > div {
    vertical-align: bottom;
}

.items_transport > li > div:not(:nth-of-type(3)) {
    width: 12em;
}

.items_transport > li > div:nth-of-type(7) {
    display: table-cell;
    width: 100%;
}

.items_transport > li > div:nth-of-type(8) {
    display: table-cell;
    width: auto;
}

.items > li:not(:first-child) > div:last-child {
    width: 0.8em;
}

.items_ceremony > li > div, .items_inv_outstanding > li > div {
    width: 6em;
}

.items_inv_outstanding > li > div:last-child {
    width: 6em !important;
}

.items_inv_outstanding > li:not(:first-child) > div:nth-of-type(1) {
    text-align: left;
    width: 5em;
}

.items_inv_outstanding > li:not(:first-child) > div:nth-of-type(2) {
    text-align: left;
    width: 17em !important;
}

.items_ceremony > li:nth-of-type(n+3), .items_inv_outstanding > li:nth-of-type(n+3) {
    border-top: thin #333 dashed;
}

.items_ceremony > li > div:nth-of-type(1) {
    text-align: left;
    width: 7em;
}

.items_ceremony > li > div:nth-of-type(2) {
    width: 11em;
}

.items_ceremony > li:not(:first-child) > div:nth-of-type(3) {
    text-align: left;
    width: 100%;
}

.list div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0.4em;
    width: 31%;
    min-width: 19em;
    margin: 0;
    margin-bottom: 0.8em;
    height: 18em;
}

.list div div {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 48.5%;
    min-width: 5em;
    height: auto;
}

.list div div:nth-of-type(1) {
    width: 100%;
}

.list div div:nth-of-type(2) {
    width: 38%;
}

.list div div:nth-of-type(3) {
    width: 59%;
}

.list div div:nth-of-type(4) {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.list div div > div {
    display: inline-block;
    padding: 0;
    min-width: 6em;
    height: auto;
    vertical-align: middle;
    text-align: right;
}

.list div div > div:nth-of-type(1) {
    width: 38%;
}

.list div div div:nth-of-type(2) {
    padding-left: 1em;
}

.list div div div input {
    padding: 0.4em;
}

.list div div div > div:nth-of-type(1) {
    font-size: 0.8em;
    color: #000;
    text-decoration: line-through;
    top: 0;
    right: 0;
}

.list div div div > div:nth-of-type(2) {
    font-size: 1.2em;
    font-weight: bold;
    color: #7C0204;
}

.main {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 30%;
    min-width: 12em;
    margin-top: 0.4em;
    padding: 0.6em;
    background: #dbcccc;
}

.amount {
    font-size: 1.3em;
    font-weight: bold;
    color: #7C0204;
    padding: 1.2em 0;
}

.amountOld {
    font-size: 0.9em;
    color: #000;
    text-decoration: line-through;
    padding: 1.2em 0 0 0;
}

.menu_doc > div {
    display: inline-block;
    vertical-align: top;
}

.menu_doc > div > div {
    display: block;
}

.menu_doc > div > a:not(:first-child) {
    padding-left: 1em;
}

.menu_doc > div > div > input {
    display: inline;
    width: 1em;
    margin-top: 0.5em;
}

.print_opt {
    display: inline-block;
}

.print_opt > label, .print_opt > input[type=checkbox] {
    display: table-cell;
}
.not_split{
    page-break-inside: avoid;
}
@media all and (min-width: 400px) {
    #cssmenu, #logo {
        flex: 1 auto;
        width: 100%;
    }

    .list div div {
        display: inline-block;
        width: 48.5%;
    }
}

@media all and (min-width: 600px) {
    #cssmenu, #logo {
        flex: 0.2 auto;
    }

    .middle {
        flex: 3 0;
    }

    #cssmenu {
        order: 1;
    }

    .middle {
        order: 2;
    }

    #footer {
        order: 3;
    }
}