﻿.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 30px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

    .k-grid tbody .k-button .fa {
        font-size: 20px !important;
    }

    .k-grid tbody .k-button:active, .k-grid tbody .k-button:hover, .k-grid tbody .k-button:focus {
        color: #337ab7 !important;
        background-color: transparent !important;
        border-color: transparent !important;
    }

.selectize-input {
    height: 30px;
    background: #fff;
    width: 100% !important;
    line-height: 12px;
    border-radius: 0;
    border: 1px solid #ccc;
    padding: 4px !important;
}

    .selectize-input .ui-select-match {
        width: 100%;
    }

.k-widget.k-datepicker.k-header {
    width: 100% !important;
}

.k-header {
    text-align: center !important;
}

button.quantity-right-plus.btn.btn-success.btn-number.btn-xs, button.quantity-left-minus.btn.btn-danger.btn-number.btn-xs {
    background: none !important;
    color: #19729b !important;
    border: none !important;
}
/*.labelPadding {
padding-bottom: 5px;
}*/

.outputLists.focus {
    background: #adc9e2;
}

.searchandselect {
    cursor: pointer;
    position: relative;
    width: 100%;
    border: 1px solid #e6e8ea;
    /*z-index: 0;*/
    background: #fff
}

.selectize-input{z-index:0 !important}
    .searchandselect .header {
        height: 30px;
        padding: 6px 8px;
        z-index: 0;
    }

    .searchandselect .search {
        padding: 5px;
        display: none;
        z-index: 0;
    }

    .searchandselect .dropdown {
        border: 1px solid #e6e8ea;
        left: 0;
        list-style: outside none none;
        overflow: auto;
        position: absolute;
        right: 0;
        top: 100%;
        margin: 0;
        padding: 0;
        display: none;
        z-index: 5;
        background: #fff
    }

    .searchandselect.active .search {
        display: inherit;
    }

    .searchandselect.active .dropdown {
        display: inherit;
        max-height: 270px;
    }

    .searchandselect .dropdown li {
        margin: 10px 0 0;
        padding: 0 10px;
    }

        .searchandselect .dropdown li i {
            color: inherit;
            margin-right: 5px;
            vertical-align: middle;
            float: right;
        }

        .searchandselect .dropdown li small {
            margin-right: 10px;
        }

.ellipsis {
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}



@media print {
    @page {
        size: auto;
        margin-bottom: 10%;
        margin-top:20%;
    }

    body * {
        visibility: hidden;
    }

    .no-print, .no-print * {
        display: none !important;
    }

    .print-content * {
        visibility: visible;
        overflow: visible;
    }

    #mainPage * {
        display: none;
    }

    .modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        min-height: 550px;
        visibility: visible;
        /**Remove scrollbar for printing.**/
        overflow: visible !important;
    }

    .modal-dialog {
        visibility: visible !important;
        /**Remove scrollbar for printing.**/
        overflow: visible !important;
    }

    li {
        page-break-after: auto;
    }

    .onPrint {
        display: none;
    }
}
/*.ng-invalid {
    border-color: red;
    outline-color: red;
}

.ng-valid {
    border-color: green;
    outline-color: green;
}*/
thead tr .k-header {
    text-align: left !important;
}

#qty:focus, #itemUPCNO:focus, #itemAutoComplete:focus {
    border: 1px solid blue;
}
.errorBorder {
    /*border-bottom: 1px solid #ec0606 !important;
        border-left: 1px solid #ec0606 !important;
        border-right: 1px solid #ec0606 !important;
        border-top: 1px solid #ec0606 !important;*/
    border: #f00 solid 1px;
    display: flex;
    position: relative;
}

.errorBorderdiv > div {
    border: #f00 solid 1px;
    display: flex;
    position: relative;
}
#itemAutoComplete-list {
    width: 439.75px !important;
    height:300px!important;
}