/* ===== Стилове за таблицата с продукти ==============*/
hr{
    border-top: 1px solid #000 !Important;  
}

html, body {
    background: grey;
    color: #000;
    margin: 0;
    min-height: 100%;
    padding: 0;
}
.protocol{
    display: table;
    background: #fff;
    min-height: 297mm;
    width: 210mm;
    margin: 43px auto;
    padding: 7px;
}

.protocol .headerTitle{
    text-align: center; 
}
.protocol .headerTitle input{
    background: #fffea1;
    border:1px solid #999;
    width: 110px;
}

.protocol #tbl_products{
    border-collapse: collapse !important;   
    border: 1px solid #999 !Important;
    width:100%;
    table-layout: fixed;
}

.protocol .customer_block{
    width: 40%;
    border: 1px solid #000;
    float: left;
}
.protocol .customer_block .float-sm-left{
    font-weight: bold;
}

.protocol .prodavach_block{
    width: 40%;
    border: 1px solid #000;
    float: right;
}
.protocol .prodavach_block .float-sm-left{
    font-weight: bold;
}

.protocol .clear{
    clear: both;
}

.protocol .btn_pdfCreate
{  
    float: right;
}

.protocol #toolbarContainer{
    display: none;
}
/*================================================
------------- thead ------------------------------
==================================================*/

.protocol .table td, .table th {
  padding: .20rem;
  vertical-align: middle;
  border-top: none;
}

.protocol #tbl_products thead{
    background: #686868;
    font-weight: 700;
    color: #fff;
}
.protocol #tbl_products thead th{
    text-align: center;
    font-size: 14px;
    border: 1px solid #000;
}

.protocol #tbl_products .kod{
    width: 90px;
}

.protocol #tbl_products .opencartTitle{
    width: 150px;
}
.protocol #tbl_products .number{
    text-align: center;
    width: 20px;
}

.protocol #tbl_products th.title{
    width: 140px;
}

.protocol #tbl_products th.broj
{ 
    width: 45px;
}

.protocol #tbl_products th.ed_zena
{ 
    width: 50px;
}

.protocol #tbl_products th.total
{ 
    width: 60px;
}

/*================================================
------------- tbody ------------------------------
==================================================*/

/*ако сниката е много висока и тясна се коригира*/
.protocol #tbl_products tbody td.img img.visokaSnimka
{ 
    width:50% !important;
}

.protocol #tbl_products td {
    font-size: 14px;
    padding: 5px;
    border: 1px solid black;
}


.protocol .header_valpers td    { font:italic 11px Verdana; }
.protocol .header_valpers th    { font:normal bold 32px Verdana;letter-spacing:2px; word-spacing:10px; }


.protocol .date p,
.protocol .date .sastavil
{
    float: right;
    clear: both;
}

.protocol .date .sastavil
{
    width: 290px;
}


.protocol .wrapword{
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break:normal;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
}

.protocol #tbl_products tbody span.belezka{
    display: block;
    margin-top: 10px;
}
.protocol #tbl_products tbody span.belezka .belezka_label{
    color:red;
}

.protocol #tbl_products td.broj,
.protocol #tbl_products td.ed_zena,
.protocol #tbl_products td.total
{ 
    text-align: center;
}

.protocol #tbl_products tbody img
{ 
    max-width: 100%;
    max-height: 220px  !important;
}

.protocol #tbl_products tbody td.brandImg,
.protocol #tbl_products tbody td.img
{ 
    padding: 0;
    text-align: center;
}

/*=== TFOOT ====*/


/*============
ФУТЪР 
==============*/

.protocol .nachinPlachtane{
    font-weight: 700;
    border: 1px solid #000;
    padding-left: 5px;
}
.protocol .nachinPlachtane select{
    background:#fffea1;
    border: 1px solid#999;
}

@media print {

    .protocol   {background:#fff;}

    .protocol #tbl_products {	

        border-spacing:0;
        border-collapse: collapse; 
    }

    .protocol input,.protocol select{
        border:0 !important;
        background: none !important;
    }

   .protocol #tbl_products td  {
        page-break-inside: avoid;
        border:2px solid black !important;    
        border-collapse: collapse !important;

    }


    .protocol #tbl_products thead tr	{ 
        -webkit-print-color-adjust: exact;
        font-weight: 700;
        color:#fff !important ;
        border-top:2px solid black;
        page-break-inside:avoid; 
        page-break-after:auto 
    }

    .protocol #tbl_products tfoot 	{ 
        display:table-row-group; 
    }

    .protocol .no-print, .protocol .no-print2
    {
        display: none !important;
    }

}

.protocol .no-print2
{
    margin-bottom: 10px;
    background:darkorange;
    padding: 2px;
    display: inline-block;
    width: 100%;
}