@font-face {
    font-family: 'NewsCycle-Regular';
    src: url(../fonts/NewsCycle-Regular.ttf) format('truetype');
}

html, body {
    font-family: 'NewsCycle-Regular', sans-serif;
    font-size: 12px;
    background: #fff;
}

.logo {
    width: 65px;
}

.spacer {
    margin: 0;
    padding: 0;
    height: 8px;
}

.spacer-width {
    padding: 3px;
}

input[type="text"]:disabled, select:disabled {
    background: #dddddd;
}

table.receipt {
    margin-bottom: 8px;
}

    table.receipt tr td.subtotal {
        font-size: 14px;
        font-weight: bold;
    }

    table.receipt tr td.total {
        color: #ff0000;
        font-size: 18px;
        font-weight: bold;
    }

div.title {
    text-align: left;
    font-size: x-large;
}

div.add {
    margin-top: -30px;
    text-align: right;
    height: 45px;
}

div.line {
    background-image: url('../images/divider-1.png');
    background-repeat: no-repeat;
    height: 30px;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

.row.content {
    padding: 35px;
    height: 450px;
}

    .row.content.login {
        padding-top: 150px;
        height: 450px;
    }

        .row.content.login label {
            font-size: 14px;
        }

            .row.content.login label.error {
                font-size: 10px;
                color: #ff0000;
            }

        .row.content.login a {
            font-size: 10px;
        }

label.error {
    font-size: 10px;
    color: #ff0000;
}

.sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
}

header {
    font-size: 14px;
    width: 100%;
}

footer {
    font-size: 10px;
    background-color: #555;
    color: white;
    width: 100%;
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 767px) {
    #myNavbar {
        margin-top: 30px;
    }

    .sidenav {
        height: auto;
        padding: 15px;
    }

    .row.content {
        height: auto;
    }
}