@import url('https://fonts.googleapis.com/css?family=Share+Tech&display=swap');

* {
    scrollbar-width: thin;
}

#app {
    font-family: 'Share Tech', Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
}

.auth-form {
    width: 320px !important;
}

.banner-container {
    height: calc(100vh - 110px) !important;
    max-height: calc(100vh - 110px) !important;
}

.table-container, .card-container {
    min-height: calc(100vh - 30px) !important;
}

.carousel-item {
    background-size: cover;
    background-repeat: no-repeat;
}

.image-preview .img-thumbnail {
    width: 240px;
    height: 240px;
}

.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: none !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

tr td {
    vertical-align: middle !important;
}