body {
    font-family: Tahoma, Geneva, sans-serif;
    margin: 0;
    color: #29507e;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}


table.searchTable tbody tr.clickablerow:hover {
    cursor: pointer;
}

table.searchTable tbody tr:nth-child(even) {
    background-color: #ffffff;
}

table.searchTable tbody tr:nth-child(odd) {
    background-color: #F4FAFF;
}

table.searchTable tbody tr.clickablerow:hover {
    background-color: #cccccc;
}

/* Nav Buttons Start*/

.buttonsMenu {
    margin: 0 auto 10px auto;
}


.homeButton {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    cursor: default;
    background: url(/images/homeButton.png) 0 0;
    border: none;
    margin: 5px 4px;
}

    .homeButton:hover {
        text-decoration: none;
        background: url(/images/homeButton.png) 0 -35px;
    }

    .homeButton:active {
        background: url(/images/homeButton.png) 0 -35px;
    }

.pendingListsButton {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    cursor: default;
    background: url(/images/pendingListsButton.png) 0 0;
    border: none;
    margin: 5px 4px;
}

    .pendingListsButton:hover {
        text-decoration: none;
        background: url(/images/pendingListsButton.png) 0 -35px;
    }

.pendingListButton:active {
    background: url(/images/pendingListsButton.png) 0 -35px;
}

.lowStockButton {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    cursor: default;
    background: url(/images/lowStockButton.png) 0 0;
    border: none;
    margin: 5px 4px;
}

    .lowStockButton:hover {
        text-decoration: none;
        background: url(/images/lowStockButton.png) 0 -35px;
    }

    .lowStockButton:active {
        background: url(/images/lowStockButton.png) 0 -35px;
    }

.plantButton {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    cursor: default;
    background: url(/images/plantButton.png) 0 0;
    border: none;
    margin: 5px 4px;
}

    .plantButton:hover {
        text-decoration: none;
        background: url(/images/plantButton.png) 0 -35px;
    }

    .plantButton:active {
        background: url(/images/plantButton.png) 0 -35px;
    }


.stockListButton {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    cursor: default;
    background: url(/images/listButton.png) 0 0;
    border: none;
    margin: 5px 4px;
}

    .stockListButton:hover {
        text-decoration: none;
        background: url(/images/listButton.png) 0 -35px;
    }

    .stockListButton:active {
        background: url(/images/listButton.png) 0 -35px;
    }


.equipmentButton {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    cursor: default;
    background: url(/images/equipmentButton.png) 0 0;
    border: none;
    margin: 5px 4px;
}

    .equipmentButton:hover {
        text-decoration: none;
        background: url(/images/equipmentButton.png) 0 -35px;
    }

    .equipmentButton:active {
        background: url(/images/equipmentButton.png) 0 -35px;
    }

.redCrossButton {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-decoration: none;
    background: url(/images/redCrossButton.png) 0 0;
    border: none;
    margin: 3px;
}

    .redCrossButton:hover {
        text-decoration: none;
        background: url(/images/redCrossButton.png) 0 -20px;
    }

    .redCrossButton:active {
        background: url(/images/redCrossButton.png) 0 -20px;
    }

.oldEstimatedCostButton {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    cursor: default;
    background: url(/images/timericon.png) 0 0;
    border: none;
    margin: 5px 4px;
}

    .oldEstimatedCostButton:hover {
        text-decoration: none;
        background: url(/images/timericon.png) 0 -35px;
    }

    .oldEstimatedCostButton:active {
        background: url(/images/timericon.png) 0 -35px;
    }

.itemsCounter {
    text-decoration: none;
    text-align: center;
    margin: 0 0 0px -18px;
    cursor: default;
    background-color: orangered;
    color: white;
}

    .itemsCounter:hover {
        text-decoration: none;
    }

.itemsCounter {
    width: fit-content !IMPORTANT;
    min-width: 20px;
}

.headerIconButton {
    margin-right: 10px;
}

/* Nav Buttons End*/


form.inputform > div.form-group, form.inputform > div.row {
    margin-top: 15px;
}

table.itemMovements {
    display: inline-block;
    max-height: 300px;
}

.search {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1);
    background-color: #eee;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

.search input {
    height: 45px;
    text-indent: 5px;
    /*border: 2px solid #d6d4d4;*/
}

    .search input:focus {
        box-shadow: none;
        /* border: 2px solid blue;*/
    }

.search .fa-search {
    position: absolute;
    top: 20px;
    left: 16px;
}

.search button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 35px;
    width: 110px;
    /*background: blue;*/
}



.categorySearch .search input {
    height: 38px;
}


.categorySearch .search button {
    position: absolute;
    top: 3px;
    right: 5px;
    height: 32px;
    width: 110px;
    line-height: 1.3;
    /*background: blue;*/
}

.tableFakeLastRow
{
    height:100%;
    background-color:#fff;
}


th.quantityColumn, td.quantityColumn {
    width: 40px;
}

.twoTableContainer {
    min-height: 400px;
}

.tableContainer50 {
    min-height: 200px;
}



.tightCol1 tr td:first-child, .tightCol2 tr td:nth-child(2), .tightCol3 tr td:nth-child(3) {
    width: 1%;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}

.tightCol1 tr th:first-child, .tightCol2 tr th:nth-child(2), .tightCol3 tr th:nth-child(3) {
    width: 1%;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 40px;
}

button.btn-booking,input[type="button"].btn-booking{
    background-color:lightskyblue
}




/* ERRORS*/

input.errorHighlight{
    border-color:red;
}