@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

html, body {
    background: #f6f6f6;
    font-family: 'Roboto', sans-serif;
    height: 100%;
    min-height: 100%;
}

/**************************************/
/* Footer "Always bottom of page"     */

.wrapper {
    min-height: 100%;
    position: relative;

    /** Footer height plus 24 px */
    padding-bottom: 90px;
}

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;

    /** 66 pixels as total height */
    height: 40px;
    padding: 8px 16px;
}

/**************************************/
/* Footer                             */

.footer {
    background: #303030;
    color: #FFFFFF;
}

/**************************************/
/* Navbar */

.navbar {
    border-top: solid 4px #85be64;
    border-bottom: solid 1px #85be64;
}

.navbar .navbar-brand {
    padding: 8px 16px;
}

.navbar .navbar-brand > img {
    height: 40px;
}

.container, .card {
    border-radius: 7px;
    box-shadow: 0 0 2px 1px rgba(181, 181, 181, 0.4);
}

/**************************************/
/* Navbar */

.card, .container {
    background: #FFFFFF;
    border-radius: 7px;
    box-shadow: 0 0 2px 1px rgba(181, 181, 181, 0.4);
    margin-top: 16px;
}

/**************************************/
/* Colors */

.color-gray-dark {
    color: #5e5d5d;
}

.color-blue {
    color: #007bff;
}

.invoice-blue{
    color: #08498e;
}

.color-green{
    color: #40eb13;
}
.color-red{
    color: #eb1313;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #22b3d5; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #fefefe; }