body{
    margin: 0;
    padding: 0;
}

div#container{
    display: flex;
}

@media only screen and (min-width: 320px) and (max-width: 720px){
    div#container{
        flex-direction: column;
    }
    td.buttonCell{
        display: flex;
    }
}

table#searchResultsHolder td{
    padding: 5px;
}

div#invoices {
    width: 100%;
}

td.buttonCellSearch{
    display: flex;
    align-content: space-evenly;
    justify-items: center;
}

td.buttonCell a,
td.buttonCellSearch a{
    text-decoration: none !important;
    width: 100%;
}

a:hover{
    text-decoration: none !important;
}

.buttonOutline{
    border-radius: 10px;
    padding: 4px;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.buttonOutline i{
    margin-right: 10px;
}

.greenOutline{
    border: solid 2px #114433;
    color: #114433;
    transition: 0.5s;
}

.greenOutline:hover {
    background: #114433;
    color: #fff;
    transition: 0.5s;
}

.orangeOutline {
    border: solid 2px orange;
    color: orange;
    text-decoration: none;
    transition: 0.5s;
}

.orangeOutline:hover {
    background: orange;
    color: #000;
    transition: 0.5s;
}

.redOutline{
    border: solid 2px #d02026;
    color: #d02026;
    text-decoration: none;
    transition: 0.5s;
}

.redOutline:hover {
    background: #d02026;
    color: #fff;
    transition: 0.5s;
}

.blueOutline{
    border: solid 2px blue;
    color: blue;
    text-decoration: none;
    transition: 0.5s;
}

.blueOutline:hover {
    background: blue;
    color: #fff;
    transition: 0.5s;
}

.blackOutline{
    border: solid 2px black;
    color: black;
    text-decoration: none;
    transition: 0.5s;
}

.blackOutline:hover {
    background: black;
    color: #fff;
    transition: 0.5s;
}

ul#breadcrumbs{
    margin-left: 20px;
    padding-left: 0;
    display: flex;
    align-items: center;
}

#logoutHolder{
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
}

#logoutHolder p{
    margin: 0;
    padding: 0;
}

#logoutHolder a{
    margin-right: 20px;
    text-decoration: none;
}

footer{
    text-align: center;
    padding: 20px;
    font-weight: bold;
}

.mui-row {
    margin-left: 0 !important;
}