.trigger {
    padding: 1px 10px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 10px;
    background-color: #eee;
    color: #212121;
    display: inline-block;
    margin: 2px 5px;
}

.hoverable, .trigger {
    transition: box-shadow 0.55s;
    box-shadow: 0;
}

    .hoverable:hover, .trigger:hover {
        transition: box-shadow 0.45s;
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }


.fixed-sn .custom-header > div {
    padding-left: 15rem;
    padding-top: 4rem;
    margin-bottom: -3rem;
}

@media (max-width: 1440px) {
    .fixed-sn .custom-header > div {
        padding-left: 0rem;
        
    }
}
.side-nav .collapsible a, .side-nav .collapsible .fab, .side-nav .collapsible .far, .side-nav .collapsible .fas, .side-nav .collapsible .fal{
    font-size: 1rem;
}

.side-nav .collapsible a.active{
    background-color: rgba(0,0,0,.08);
}

table.text-big td, table.text-big th, table td.text-big, table th.text-big {
    font-size: 1rem;
}

.context-link {
    visibility: hidden;
}
.context-link-trigger:hover .context-link{
    visibility: visible;
}
.md-form .prefix ~ button{
    margin-left: 2.5rem;
}

/* Fix font-weight for table-cells */
table td {
    font-weight: 400;
}

table th {
    font-size: 0.8em;
    color: #808080;
}

table.table td a:not(.trigger) {
    color: #0288d1;
}

.card-body.p-0 > table td:first-child, .card-body.p-0 > table th:first-child {
    padding-left: 20px;
}

.card-body.p-0 > table td:last-child, .card-body.p-0 > table th:last-child {
    padding-right: 20px;
}

/* Change datepicker icon font til FontAwesome Pro */
.picker__box .picker__header .picker__nav--next:before, .picker__box .picker__header .picker__nav--prev:before {
    font-family: 'Font Awesome 5 Pro';
}

/* Toastr colors */
.md-toast.md-toast-success {
    background-color: #2BBBAD;
}

.md-toast.md-toast-error {
    background-color: #e53935;
}

.bg-cp-female {
    background-color: #ffab91;
}
.bg-cp-male {
    background-color: #80deea;
}
.bg-cp-nogender {
    background-color: #ccc;
}