body {
    background-color: #F8F8F7;
    font-family: "Archivo", sans-serif;
    font-weight: 300!important;
    color: #0a0a0a;
    background-color: #e6e6e6
}

.navbar,
.navbar-nav .dropdown-menu,
.dropdown-menu .dropdown-item:hover {
    background-color: #2C3341;
}

.navbar .navbar-brand img {
    max-width: 155px;
    height: auto;
}

.navbar .container {
    align-items: end;
}

.navbar .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.dropdown-menu .dropdown-item {
    color: #fff;
}

.navbar-toggler {
    background-color: #fff;
}

/* Add shadow to bootstrap cards */
.card {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .17);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .17);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .17);

    
}

.card:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .20);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .20);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .20);

    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}

.card-header {
    background-color: #75b94e;
    color: #fff;
}

tbody td.token-col {
    word-break: break-all;
}

video

/* remove focus from pagination page item*/
.page-link:focus {
    box-shadow: none;
}

.token-table {
    font-size: 12px;
}

.token-col:hover {
    cursor: copy;
    color: darkgrey;
}