/*Used for testing purposes to detect columns and rows*/
[class*="col-"] {

    /* padding: 15px; */
    /* background-color: #f1f1f1; */
    /* border: 1px solid #D8D8D8; */
}

body{
    /* background-color: #F8F9F9; */
}

.inputfield{
    background-color: white;
}

.toggle-handle{
    background-color: white;
}

.pr-field {
    position: absolute;
    z-index: 1;
    width: 7px;
    height: 100%;
    left: -2px;
    top: -1px;
    background-color: #ffc107;
}

.gik-field {
    position: absolute;
    z-index: 1;
    width: 7px;
    height: 100%;
    left: -2px;
    top: -1px;
    background-color: #17a2b8;
}

#print_calculation{
    font-size: 13px;
}

#print_total_quantity{
    font-size: 25px;
}

.borderless td, .borderless th {
    border: none;
    padding: .2rem;
}

.borderless tr{
    height: 30px;
}

.batch-1{
    background-color:#D7FFF1;
    border-color: #D7FFF1;
    color: #4B6169;
}
.batch-2{
    background-color:#CCFCCB;
    border-color: #CCFCCB;
    color: #4B6169;
}
.batch-3{
    background-color:#96E6B3;
    border-color: #96E6B3;
    color: #4B6169;
}
.batch-4{
    background-color:#AAFCB8;
    border-color: #AAFCB8;
    color: #4B6169;
}
.batch-5{
    background-color:#4B6169;
    border-color: #4B6169;
    color: #D7FFF1;
}
.batch-6{
    background-color:#e8ffc1;
    border-color: #e8ffc1;
}

.hover-batch
{
background-color: #0069d9;
    border-color: #0062cc;
    color: #FFFFFF;
}