.fileChoose {
    cursor: pointer;
}

#barcodeFind {
    width: 0;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

#page-content {
    margin: 0 0 0 0px !important;
}

.navbar-brand {
    height: 50px !important;
}

header.navbar {
    height: 60px;
    min-height: 0;
}

.dataTables_filter {
    height: 40px !important;
}

.hiddenRecord {
    display: none !important;
    visibility: hidden !important;;
}

.higherValue {
    background-color: #ff4d4d;
}

.exactValue {
    background-color: #66fa84;
}

.lowerValue {
    background-color: #e8e664;
}

.btn-custom-green {
    background-color: #2bbbad;
    color: white;

}


/*The below is for the sticker print*/
#sticker-table {
    width: 100mm !important;
    height: 90mm !important;
    font-size: 12px !important;
}

/*The below is for the sticker print*/
#sticker-table-release-orders {
    width: 60mm !important;
    height: 40mm !important;
    font-size: 12px !important;
}

#barcode {
    position: absolute;
    left: 60mm;
    width: 50mm;
    bottom: 2mm;
}

td.sticker-td {
    left: 28mm;
    position: absolute;
}

.sticker-label {
    float: left;
}

.delRowColumn {
    width: 2px !important;
}

.sticker-to-print-placeholder {
    display: none;
}

@media print {

    #page-container {
        display: none;
    }

    .sf-toolbar {
        display: none !important;
    }

    .sticker-to-print-placeholder {
        display: block !important;
    }
}

/*end of sticker print*/


/*custom overlay for multi purposes like - alert */
#hide-everything-overlay {
    display: none;
    opacity: .8;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #FFF;
    width: 100%;
    z-index: 10000;
}

#add-item-from-erp {
    display: none;
    position: fixed;
    width: 550px;
    height: 550px;
    z-index: 10000;
    overflow: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #ECEFF3;
    border-radius: 6px;
    opacity: 1;
}

.autocomplete-items {
    /*border: 1px solid #d4d4d4;*/
    /*border-bottom: 1px solid #d4d4d4;*/
    /*border-top: 1px solid #d4d4d4;*/
    /*z-index: 99;*/
    /* top: 75px;
    position: absolute; */
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
    margin-top: 75px;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

#art-num, #name-search {
    display: block;
}

#close-autocomplete {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}


.autocomplete-fach-items {
    /*border: 1px solid #d4d4d4;*/
    /*border-bottom: 1px solid #d4d4d4;*/
    /*border-top: 1px solid #d4d4d4;*/
    /*z-index: 99;*/
    top: 75px;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
}

.autocomplete-fach-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-fach-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.autocomplete-fach-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

#art-num-fach, #name-search-fach {
    display: block;
}

#close-autocomplete-fach {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}


.header-of-countable {
    font-size: 30px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

#showCounts {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: 400px;
    color: red;
    font-weight: bold;
}

.checkbox-td, .input-checkbox {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}


.dataTables_filter label input {

    margin-right: 70px !important;

}

.enter-station-background {
    background-color: #38d176;
}

.cases-in-use {
    position: absolute;
    left: 24%;
    font-size: 20px;
    top: 140px;
}

.cases-using {
    font-size: 30px;
}

.cases-in-use-release {
    left: 31%;
    font-size: 20px;
    font-weight: bold;
}

.missingQuantity {
    background-color: #F1C40F;
}

.release-station-confirm-background {
    background-color: #B1102b;
}


.alerts-border {
    border: 1px #ff0000 solid;

    animation: blink 1s;
    animation-iteration-count: 11;
}

@keyframes blink {
    50% {
        border-color: #fff;
    }
}