.font-small-gray
{
    color: #999999;
    font-size: 12px;
}

.font-gray
{
    color: #999999;
}

.product-table, .inner-prod-table
{
    border-top: 1px solid darkgrey;
}

.product-table
{
    border-bottom: 1px solid darkgrey;
}

    .product-table td, .product-table th
    {
        border-right: 1px solid darkgrey;
    }


    .product-table th
    {
        font-size: 10.5px;
        padding-left: 2px;
        color: #999999;
        padding: 2px 0px 0px 3px;
    }

.prod-div-borderBottom
{
    border-bottom: 1px solid darkgrey;
}

.prod-paddingTop-left
{
    padding-top: 10px;
    padding-left: 10px;
}

input.prod-fields,
.divSpan5 input,
.divSpan5 select,
.div-paymentDtails input,
.discount-row input
{
    text-align: left;
    border: 0px none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    input.prod-fields:hover,
    input.prod-fields:focus,
    .divSpan5 input:focus,
    .divSpan5 select:focus,
    .div-paymentDtails input:focus,
    .discount-row input:focus
    {
        border: 0px none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.product-table-div input
{
    width: 85%;
}

.unit-in-pk
{
    width: 8.3%;
}

textarea.comm-box:focus
{
    border: 0px none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comm-box
{
    border: 0px none;
}

.divSpan5
{
    margin: 0px !important;
}

    .divSpan5 .inner-div
    {
        border-right: 1px solid darkgray;
        padding: 0px 5px 0px 5px;
    }

    .divSpan5 label
    {
        font-size: 12px;
        text-align: left !important;
    }

    .divSpan5 .second-span12
    {
        margin: 0px;
        border-top: 1px solid darkgray;
    }

    .divSpan5 input::-webkit-input-placeholder,
    .divSpan5 input::-moz-placeholder,
    .divSpan5 input::-ms-input-placeholder,
    .divSpan5 input::-moz-placeholder
    {
        font-size: 10px !important;
    }

.div-paymentDtails
{
    border-top: 1px solid darkgray;
}

    .div-paymentDtails .inner-div-paymentDtails
    {
        border-right: 1px solid darkgray;
    }

    .div-paymentDtails label
    {
        color: #999999;
        font-size: 12px;
    }


.panel-custom-title
{
    font-size: 14px;
    font-weight: bold;
    color: gray;
}

.discount-row td
{
    border: none;
}

    .discount-row td label
    {
        font-size: 10.5px;
        font-weight: bold;
        padding-left: 2px;
        color: #999999;
        padding: 2px 0px 0px 3px;
    }


div.span12 select
{
    padding: 0px 0px 0px 2px;
}

.right-align-curreny {
    float: right;
    margin: 9px 4px 0px 0px;
}

a.color-red
{
    text-decoration: underline !important;
}

.disableBtnA {
    pointer-events: none;
    cursor: default;
    color: #999999;
    background-color: #CECECE;
    border-color: #CECECE;
}
.disableBtnA:focus {
        pointer-events: none;
        cursor: default;
        color: #999999;
        background-color: #CECECE;
        border-color: #CECECE;
}

/*===  Start  =======New  Prod==========*/
.colorBlack
{
    color: #000000 !important;
}

table.new-prod-table
{
    display: block !important;
    width: 100%;
}

.new-prod-table div:not(.noBorder), .new-prod-table td:not(.noBorder)
{
    padding: 0px;
    border-right: 1px solid darkgrey;
}

    .new-prod-table td:last-child,
    .new-prod-table td:last-child div
    {
        border-right-width: 0px;
    }

.new-prod-table tr
{
    border-top: 1px solid darkgrey;
}

.new-prod-table label
{
    font-size: 10px;
    color: #999999;
    font-weight: normal;
}

.multi-attributes-prod div
{
    padding-left: 5px;
}

.multi-attributes-prod div
{
    border-right: 1px solid darkgrey;
}

    .multi-attributes-prod div:last-child
    {
        border-right: none;
    }

.new-prod-table div input,.new-prod-table div textarea
{
    border: none;
}

    .new-prod-table div input:focus,.new-prod-table div textarea:focus
    {
        border: 0px none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

td.action-buttons
{
    padding-left: 5px;
}

.action-buttons a.btnAdd,
.action-buttons a.btnRemv,
.action-buttons a.btnPerc,
.action-buttons a.btnPrice,
.action-buttons a.btnVal
{
    width: 17px;
    background-size: 18px auto !important;
}

.prod-main-topDivs
{
    border-bottom: 1px solid darkgrey;
}

.prod-main-bottomDivs
{
    border-top: 1px solid darkgrey;
}

.margin-left-label
{
    margin-left: 5px;
}
.warning-img {
    width: 40px;
    float: left;
    margin-right: 10px;
}
.connect-waring .alert-warning
{
    border-color: #ffcb41 !important;
    background-color: #fffccf !important;
}
   .connect-waring .alert-warning i
    {
        color: #f7ca30;
    }
   .connect-waring-text
   {
       color: #ffcb41 !important;
      
   }

/*===  end  =======New  Prod==========*/
/*===  start  ======= modalpopup Prod logistics documents==========*/
.logistics-modal {
    top: 1%;
}
.logistics-modal .control-group {
    margin-bottom: 5px !important;
}
/*===  end  =======New  Prod==========*/
/*********** Images Classes **********/
.company-logo
{
    max-height: 195px;
    /*max-width: 200px;*/
    height: 100%;
    width: auto;

    top: 0px;
    left: 0px;
    margin: 0px auto;
}

.signature-image
{
    background-size: 100% 100%;
    height: 100px;
    margin-left: 2px;
}