*{ font-family: DejaVu Sans,sans-serif !important;}

@page { margin-left: 5px;margin-right: 5px; }
body { margin-left: 5px;margin-right: 5px;margin-top:-30px }

div.customer_block{
    float:right;
    font-size: 14px; 
    margin-bottom:5px;
    /* margin-left: 90px; */

}
.float-right{
    float:right !important;
}
.bg-dark{
    background-color: #343a40 !important;
    color: #ffffff !important;
}
.date p,
.sastavil
{
    float: right;
    clear: both;
}

.sastavil
{
    width: 500px;
}

.date p
{
    margin-right: 1%;
}

.customer_block #customer,
.customer_block #customerAdres,
.customer_block #customerTel
{
    margin: 1px 0 0 12.5cm;
}
.customer_block #customer span,
.customer_block #customerAdres span,
.customer_block #customerTel span
{
    font-weight:700;
}
.hide{
    display: none;
}

.wrapword {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}

img{
    max-width:100%;
}

.h3 {
    font-size: 1.75rem;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.text-break {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
}
.text-white {
    color: #ffffff !important;
}
.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
.bg-black{
    background: #000;
    font-weight: 700;
    color: #fff;
}

div.customer_block{
    float:right;
    font-size: 14px; 
    margin-bottom:10px;  
    margin-right:10px; 
    width:100%
}

.customer_block #customer,
.customer_block #customerAdres,
.customer_block #customerTel
{
    margin: 1px 0 0 12.5cm;
}

.customer_block #customer label,
.customer_block #customerAdres label,
.customer_block #customerTel label
{
    font-weight:700;
}

.oferName_norm{
    font: bold 20px Arial;
    margin: 5px 0;
    text-align: center;
}

#shablon_header{
    display:block;
    margin-bottom: 10px !important;
}

.shablon_footer{
    display:block;
    margin-top:10px;
}

.belezka_oferta{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
}

#customerData,
#customerData td{
    border:0;
}

.d-flex{display:flex;}
.d-inline-block{display:inline-block;}
.m-auto { margin: auto !important;}
.text-center{text-align: center;}
.align-top{vertical-align: top !important;}
.p-0{padding:0}
.p-2{padding:1em !important;}
.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}
.d-inline{
    display: inline-block;
}
.position-absolute{
    position: absolute;
}

.dw-20{width: 20% !important;}

.w-100{width: 100% !important;}
.w-50{width: 50% !important; }
.w-40{width: 40%  !important;}
.w-30{width: 30%  !important;}
.w-25{width: 25% !important; }
.w-20{width: 20% !important;}
.w-17{width: 17% !important;}
.w-15{width: 15% !important;}
.w-13{width: 13% !important;}
.w-12{width: 12% !important;}
.w-11{width: 11% !important;}
.w-10{width: 10% !important; }
.w-9{width: 9% !important; }
.w-8{width: 8% !important; }
.w-7{width: 7%  !important;}
.w-6{width: 6% !important; }
.w-5{width: 5% !important; }
.w-4{width: 4%  !important;}
.w-3{ width: 3% !important; }
.w-2{ width: 2% !important; }
.w-1{ width: 1% !important;  }
.mw-100{max-width: 100%;}
.mh-220px{max-height: 220px;}

.h3 {font-size: 12px !important;height: 30px;}

#hdtbl_products{
    display: none;
}

table#nashaFirma td{
    text-align: center
}

.list-unstyled {
    list-style: none;
}
.p-0 {
    padding: 0 !important;
}
.m-0 {
    margin: 0 !important;
}
/* ///////////////////////////////////// 
 =========== TABLE ============                 
 ///////////////////////////////////// */

table{
    border-collapse: collapse; 
    width:100%;
    /*    table-layout: fixed;*/
}

table.css-product{
    margin-top: 30px;
}   

table.css-product tr{
    page-break-inside: avoid;
    page-break-after: auto;
}


table.css-product, 
table.css-product th,
table.css-product td {
    border: 1px solid black;
}

table thead th{
    font-size:10px ;
    font-weight: bold;
}

table:not(.css-product),
table:not(.css-product) td
{
    border:0px !important;
}

/* ///////////////////////////////////// 
 =========== TBODY ============                 
 ///////////////////////////////////// */
table tbody td.nalichnost .infoNalichno {
    display:none;
}
table tbody td.nalichnost .infoNalichno.show {
    display:block;
}
table.css-product tbody td{
    font-size:  10px;
    padding-left:2%;
}
table.css-product tbody td.opisanie{
    font-size:  8px !important;
    padding-left:2%;
}

table tbody img {
    max-width:100%;
    display: inline-block;
    text-align:center;
}

/*///////////////////////////////////// 
 =========== TFOOT ============                 
 ///////////////////////////////////// */
table tfoot th {
    font-size:11px ;
    text-align:right;
    font-weight: bold;
}