@font-face {
    font-family: "rudawregular2";
    src: url("../fonts/rudawregular2.eot"); /* IE9 Compat Modes */
    src: url("../fonts/rudawregular2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("../fonts/rudawregular2.ttf") format("truetype"), /* Safari, Android, iOS */
        url("../fonts/rudawregular2.woff") format("woff"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
    }
        @font-face {
        font-family: "Rabar_021";
        src: url("../fonts/Rabar_021.eot"); /* IE9 Compat Modes */
        src: url("../fonts/Rabar_021.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
            url("../fonts/Rabar_021.ttf") format("truetype"), /* Safari, Android, iOS */
            url("../fonts/Rabar_021.woff") format("woff"); /* Modern Browsers */
        font-weight: normal;
        font-style: normal;
        }
.Rabar_021{
        font-family: "Rabar_021";

}
    .book{
        font-family: "rudawregular2";

    }
    .subpage span{
        font-family: "rudawregular2" ;

    }.head-table-invoice
    @media screen{
        .book{
            font-size:1.8em;
            line-height: 2em;
            color:#000 !important
    
        }
    }
    @page { margin: 0 }
body { margin: 0 }
.sheet {
  margin: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  page-break-after: always;
}

/** Paper sizes **/
body.A3               .sheet { width: 297mm; height: 419mm }
body.A3.landscape     .sheet { width: 420mm; height: 296mm }
body.A4               .sheet { width: 210mm; height: 296mm }
body.A4.landscape     .sheet { width: 297mm; height: 209mm }
body.A5               .sheet { width: 148mm; height: 209mm }
body.A5.landscape     .sheet { width: 210mm; height: 147mm }
body.letter           .sheet { width: 216mm; height: 279mm }
body.letter.landscape .sheet { width: 280mm; height: 215mm }
body.legal            .sheet { width: 216mm; height: 356mm }
body.legal.landscape  .sheet { width: 357mm; height: 215mm }

/** Padding area **/
.sheet.padding-0mm { padding: 0mm }
.sheet.padding-10mm { padding: 10mm }
.sheet.padding-15mm { padding: 15mm }
.sheet.padding-20mm { padding: 20mm }
.sheet.padding-25mm { padding: 25mm }

/** For screen preview **/
@media screen {
  body { padding: 0mm; margin:0mm }
  .sheet {
    background: white;
    box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
    margin: 5mm auto;
  }
}

/** Fix for Chrome issue #273306 **/
@media print {
           body.A3.landscape { width: 420mm }
  body.A3, body.A4.landscape { width: 297mm }
  body.A4, body.A5.landscape { width: 210mm }
  body.A5                    { width: 148mm }
  body.letter, body.legal    { width: 216mm }
  body.letter.landscape      { width: 280mm }
  body.legal.landscape       { width: 357mm }
}
.page_body {
    line-height: 2em;;
}
.header_codes{
    /* height:100px; */
    /* position: absolute;
    top: -9%;
    left: 8.1%; */
    width:100%
}

.header_codes img{
    float:left
}
.text-center{
    text-align:center;
}
.secondPage{
    position: absolute; top:45%;
}
@media print {

    .col-print-1 {width:8%;  float:left;}
.col-print-2 {width:16%; float:left;}
.col-print-3 {width:25%; float:left;}
.col-print-4 {width:33%; float:left;}
.col-print-5 {width:42%; float:left;}
.col-print-6 {width:50%; float:left;}
.col-print-7 {width:58%; float:left;}
.col-print-8 {width:66%; float:left;}
.col-print-9 {width:75%; float:left;}
.col-print-10{width:83%; float:left;}
.col-print-11{width:92%; float:left;}
.col-print-12{width:100%; float:left;}
.secondPage{
    top:150%;
}
}

.subpage{
    position: absolute;
    top:13%;
    padding: 3%;
}
/* .subpage span{
    position: absolute;
} */
.heading:after {border-top: 2px solid #9f4f5c;display: block;width: 81px;content: "";}
.invoice_id, .invoice_lines, .invoice_owners{
    font-family: "NRT-Reg";

}
@media screen {
    .secondPage{
        margin-top:10%;
    }
    .invoice_id{
        position: absolute;
        width:150px;
        height:auto;
        display: block;
        text-align:center;
        left:9.1%;
        font-size:1.2em;
    }
    .size-1{
        top:6.2%;
        right: 6%;
        width:20%;
        text-align: right;
    }
    .size-2{
        top:6.2%;
        left:5.5%;
        width:20%;
    }
    .size1-1{
        top:102%;
        right: 6%;
        width:20%;
        text-align: right;

    }
    .size1-2{
        top:102%;
        left:14.5%;
                width:20%;


    }
    .invoice_lines{
        position: absolute;
        width:700px;
        height:auto;
        display: block;
        text-align:right;
        left:30.1%;
        font-size:1.2em
    }
    .line-1{
        top:19%;
        right:8.5%

    }
    .line1-1{
        top:115%;
        right:8.5%

    }
    .line-2{
        top:25%;
                        right:8.5%;

    }
    .line1-2{
        top:121%;
                                right:8.5%;

    }
    .line-3{
        top:31%;
        right:8.5%

    }
    .line1-3{
        top:127%;
        right:8.5%

    }
    .line-4{
        top:37%;
        right:8.5%

    }
    .line-5{
        top:43%;
        right:8.5%

    }
        .line1-5{
        top:139%;
        right:8.5%

    }
    .line1-4{
        top:133%;
        right:8.5%

    }
    .invoice_owners{
        position: absolute;
        width:300px;
        height:auto;
        display: block;
        text-align:right;
        font-size:1.2em;
        text-align:center;
    }
    .auth-1{
        top:53%;
        right:13%;

    }
    .auth1-1{
        top:153%;
        right:13%;

    }
    .auth-2{
        top:53%;
        left:11%;

    }
    .auth-3{
        top:38%;
        right:13%;
    }
    .auth1-3{
        top:153%;
        right:13%;
    }
    .auth1-2{
        top:158%;
        left:10%;

    }
    .line-height-kren{
        line-height: 1em;
    }
    .title{top:8%; left:44%;}
        .title1{top:104%; left:44%;}
        .margin-table-invoice{
            margin: 3% 0 0 6%;
        }
    .head-table-invoice{
        margin-top:6%;
    }
    .footer-invoice-users{
        margin-top:6%;
    }
    .second-part-invoice{
        margin-top:36%;
    }

}
@media print{
        .second-part-invoice{
        margin-top: 20%;
    }
        .footer-invoice-users{
        margin-top:6%;
    }
            .margin-table-invoice{
            margin: 3% 0 0 6%;
        }
            .head-table-invoice{
        margin-top: 7%;
    }
    .page{
        width:100% !important;
    }
    .invoice_id{
        position: absolute;
        width:135px;
        height:auto;
        display: block;
        text-align:center;
        left:8.4%;
        font-size:1.4em;


    }
    .size-1{
        top:3%;
        right: 6%;
        

    }
    .size1-1{
        top:51%;
        right: 5%;
        width:20%;
    }
    .size-2{
        top:3%;
        left:5%;
        width:25%;
    }
    .size1-2{
        top:51%;
        left: 14.4%;
                width:20%;

    }
    .invoice_lines{
        position: absolute;
        width:600px;
        height:auto;
        display: block;
        text-align:right;
        right:6%;
        font-size:1.4em
    }
    .line-1{
        top:10%
    }
    .line1-1{
        top:59%
    }
    .line-2{
        top:13%
    }
    .line1-2{
        top:62%
    }
    .line-3{
        top:16%
    }
    .line1-3{
        top:65%
    }
    .line-4{
        top:19%
    }
    .line1-4{
        top:68%
    }
    .line-5{
        top:22%;
    }
        .line1-5{
        top:71%;
    }
    .invoice_owners{
        position: absolute;
        width:250px;
        height:auto;
        display: block;
        text-align:right;
        font-size:1.4em;
        text-align:center
    }
    .auth-1{
        top:26%;
        right:8%;

    }
    .auth1-1{
        top:74%;
        right:9%;

    }
        .auth1-3{
        top:74%;
        right:9%;
    }
        .auth-3{
        top:33%;
        right:9%;
    }
    .auth-2{
        top:26%;
        left:10%;

    }
    .auth1-2{
        top:74%;
        left:10%;

    }

    .line-height-kren{
        line-height: 0.5em;
    }
        .title{top:3%; left:44%;}
        .title1{top:52%; left:44%;}
}
.sheet2{
    padding: 3%;
    position:absolute;
    top:11%;
    width:100%
}
.text-aea{
    font-size: 1em !important;
    color:#000 !important;
    padding:0;
    border:0;
    background-color: transparent;
}
#myTable td,tr{
    border:0;
}
.add_row{
    position:fixed;
    top:30%;
    right:5%
}
   @media only screen and (max-width: 600px){
           .head-table-invoice{
        margin-top: 2%;
    }
    .footer-invoice-users{
        margin-top:6%;
    }
    .second-part-invoice{
        margin-top: 36%;
    }
    .table{
        margin-bottom:0;
    }
        .table-contract tr, td{
            padding: 0 !important;
            font-size:1.5vw;
            line-height:3vw;
            color:#000;
        }
        #contr_id, #date{
                        font-size:1.6vw;
            line-height:3vw;
            color:#000;
        }
        .resp-screen{
            margin-top:8%;
        }
   }
      @media only screen and (max-width: 930px){
        .table-contract tr, td{
            padding: 0 !important;
            font-size:1.5vw;
            line-height:3vw;
            color:#000;
        }
        #contr_id, #date{
                        font-size:1.6vw;
            line-height:3vw;
            color:#000;
        }
        .resp-screen{
            margin-top:8%;
        }
   }
         @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){
        .table-contract tr td{
            padding: 0 !important;
            font-size:1.5vw;
            line-height:3vw;
            color:#000;
        }
        #contr_id, #date{
                        font-size:1.6vw;
            line-height:3vw;
            color:#000;
        }
        .resp-screen{
            margin-top:8%;
        }
   }
   .input-group > .select2-container--bootstrap, .input-group > .select2-container--default {
    width: auto;
    flex: 1 1 auto;
}

    .input-group > .select2-container--bootstrap .select2-selection--single,
    .input-group > .select2-container--default .select2-selection--single,
    .input-group > .select2-container--bootstrap .select2-selection--multiple,
    .input-group > .select2-container--default .select2-selection--multiple {
        height: 100%;
        line-height: inherit;
        border-radius: 4px 0 0 4px;
    }

        .input-group > .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
        .input-group > .select2-container--default .select2-selection--single .select2-selection__rendered,
        .input-group > .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered,
        .input-group > .select2-container--default .select2-selection--multiple .select2-selection__rendered {
            height: inherit;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }

        .input-group > .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
        .input-group > .select2-container--default .select2-selection--single .select2-selection__arrow,
        .input-group > .select2-container--bootstrap .select2-selection--multiple .select2-selection__arrow,
        .input-group > .select2-container--default .select2-selection--multiple .select2-selection__arrow {
            height: inherit;
        }