@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto&display=swap');

body {
    padding-bottom: 20px;
    font-size: var(--font-size);
    color: #505456;
    background-color: #edf0f5;
}

:root {
    --tr-background: #b0d4e6;
    --dashboard-blue: #088ef0;
    --font-size: 15px;
    --bg-primary: #eff8ff;
    --bg-goDocs: #cdfbe5;
    --bg-roboDocs: #fdf3f3;
    --bg-classic: #e0f2ff;
}

/* Set padding to keep content from hitting the edges */


@media(max-width: 576px) {
    .container-fluid {
        padding: 0 !important;
    }
}

@media(min-width: 1280px ) {
    .container-fluid {
        max-width: 1280px;
        margin: auto;
    }
}

#navbarDropdown {
    padding: 0px 0px 0px 9px;
    color: white;
}

.btn-primary {
    background-color: #0099CC;
}

.btn-action {
    border-style: outset;
    /*border-color: #0099cc;*/
    border-color: #088ef0;
    border-width: 3px;
    /*background-color: #0099cc;*/
    background-color: #088ef0;
    color: #fff;
    font-size: 14px; /*need to adjust btn or row size if changed, mobile btn row too long*/
    height: 28px;
    transition: background-color .5s, border-color .5s, box-shadow .5s;
    -webkit-transition: background-color .5s, border-color .5s, box-shadow .5s;
    padding: 0 .25rem;
}

    .btn-action:hover {
        /*background-color: #006796;*/
        background-color: rgb(69, 166, 236);
        color: #fff;
        border-color: rgba(107, 159, 228, 1);
        box-shadow: 0 0 10px 2px rgba(69, 166, 236,0.5);
    }

.btn-sm {
    font-size: .75rem;
}

.btn-delete {
    background: none;
    color: red;
    border: none;
    font: inherit;
    outline: inherit;
}

    .btn-delete :hover {
        color: crimson;
        cursor: pointer;
    }

[v-cloak] > * {
    display: none
}