body {
    font-weight: 400;
    line-height: 1.8;
    background-color: rgba(236, 236, 236, 0.7);
    color: #333333;
}

#logo {
    height: 60px;
    width: 60px;
    background: url(public/logo.svg) no-repeat;
    background-position: left;
    float: left;
    margin-right: 15px;
}

h1{
    font-size: 1.2rem;
    font-weight: 500;
    color:rgb(3, 55, 77);
    margin: 0;
 }
 h1 span {
    font-weight: 400;
    font-size: 1rem;
 }
.header {
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.03);
    height: 90px;
    position: relative;
    background-color: white;

}
.header .container {
    display: flex;
    align-items: center;
   
    
}
#app {
    max-width: 1200px;
   
    height: 100%;
    margin: 30px auto;

   
    -webkit-box-flex: 0;
    flex: 0 1 110rem;
    
    box-shadow: 0px 4px 15px -1px rgba(0, 0, 0, 0.07);
}

main .v-content__wrap {

    padding: 2rem 3rem;
}

.v-application .align-center {
    justify-content: center;
}

thead tr {
    background-color: #0079ad;
    
}

.theme--light.v-data-table thead tr th {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

table tbody tr:nth-child(2n+1) {
    background-color: rgba(0,159,227,.045);
}
table tbody tr:nth-child(2n+2) {
    background-color: rgba(0,159,227,.015);
}

.total-cost td {
    font-weight: 500;
}

.v-data-table table {
    border-collapse: collapse;
    border-radius: 4px 4px 0 0;

}

@media only screen and (max-width: 667px) {
    main .v-content__wrap {
        padding: 2rem .5rem;
    }
}