hr {
    border-top: 2px solid #E6E9ED !important;
}
#eetlijst,
#eetlijst th{
    text-align: center;
}
.eetlijst-signup img {
    cursor: pointer;
    width: 20px;
}
tr.day-closed .eetlijst-signup img {
    cursor: not-allowed;
}
#eetlijst td:nth-child(1),
#eetlijst th:nth-child(1) {
    width: 100px;
}
#eetlijst td:nth-child(2),
#eetlijst th:nth-child(2) {
    width: 200px;
}
.day-closed {
    background: #eee;
}
tr.day-closed:hover {
    background: #eee !important;
}
.day-week {
    border-bottom: 2px solid rgba(115, 135, 156, 0.3);
}
.body-eetlijst {
    min-width: 600px;
}

.body-kostenlijst {
    min-width: 800px;
}
#kostenlijst th {
    min-width: 60px;
}
.product {
    border: 1px solid;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    height: 200px;
}
.product:not(.product-disabled):hover {
    background-color: #F3F3F3;
}
.product:not(.product-disabled):active {
    background-color: #EAEAEA;
}
.product-disabled {
    background-color: #fff;
    cursor: not-allowed;
}
.product img {
    max-width: 100%;
    max-height: 100px;
}
.thumbnail .caption {
    height: 65px;
    overflow-x: hidden;
    overflow-y: auto;
}
#purchase-table table,
#purchase-table tbody {
    width: 100%;
}
#purchase-table .form-group {
    margin-bottom: 0;
}
#purchase-table .btn-sm {
    padding: 2px 8px;
    margin-top: -8px;
}
#anytimer-table {
    width: 100%;
    table-layout: fixed;
}
#anytimer-table th,
#anytimer-table td {
    text-align: center;
}
#anytimer-table td > div {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 990px) {
    .nav-sm .streeplijst-bottom {
        margin-left: 70px;
        width: calc(100% - 70px);
    }

    .nav-md .streeplijst-bottom {
        margin-left: 230px;
        width: calc(100% - 230px);
    }
}
.streeplijst-bottom {
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    border-top: 1px solid;
    background-color: white;
    overflow-y: scroll;
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 991px) {
    .nav-sm .container.body .streeplijst-bottom {
        left: 70px;
        width: calc(100% - 70px);
    }
}

#profile img.user {
    max-width: 75%;
    border-radius: 50%;
}
.trophies {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.trophies .trophy-container {
    width: 150px;
}
.trophies .trophy {
    width: 60px;
    height: 140px;
    object-fit: contain;
    object-position: bottom;
}
.trophies .shelve {
    margin-top: -14px;
}

#screensaver {
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
}
#screensaver .photos {
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    background-color: black;
}
#screensaver .photos .photo {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
#screensaver .photos .text {
    position: absolute;
    top: 30px;
    left: 30px;
}
#screensaver .photos .title {
    color: pink;
    font-weight: bolder;
    text-shadow: 2px 2px 5px black;
}
#screensaver .photos .description {
    color: white;
    font-weight: bolder;
    text-shadow: 2px 2px 5px black;
}
#screensaver .photos .current-time {
    position: absolute;
    top: 10px;
    right: 25px;
    color: white;
    font-weight: bolder;
    text-shadow: 2px 2px 5px black;
}
#screensaver .photos .photo-date {
    position: absolute;
    bottom: 10px;
    left: 30px;
    color: white;
    font-weight: bolder;
    text-shadow: 2px 2px 5px black;
}
#screensaver .logo-trademark {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 50px;
}

#screensaver .recent {
    display: flex;
    height: 100%;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-content: space-between;
}
#screensaver .recent .header {
    flex: 1 100%;
    width: 100%;
}
#screensaver .recent .header-text {
    background-color: white;
    height: 65px;
    border-bottom: 5px solid #73879C;
}
#screensaver .recent .header h1 {
    margin: 0;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
}
#screensaver .recent .header img {
    width: 40px;
}
#screensaver .recent .block {
    background-color: white;
    padding: 10px 20px;
    border-radius: 10px;
    border: 5px solid #73879C;
}
#screensaver .recent .block-row {
    flex: 100%;
    margin: 0 50px;
}
#screensaver .recent .fridge {
    max-width: 300px;
}
#screensaver .recent .fridge img {
    max-width: 40px;
    max-height: 40px;
}
#screensaver .recent .eating img {
    width: 25px;
}
#screensaver .recent .trophies {
    justify-content: center;
}
#screensaver .recent img.user {
    margin-top: -10px;
    max-width: 40px;
    border-radius: 50%;
    border: 2px solid #73879C;
}
#screensaver .recent .feed {
    flex: 1 100%;
    align-self: flex-end;
    background-color: white;
    width: 100%;
    height: 65px;
    overflow: hidden;
    border-top: 5px solid #73879C;
}
#screensaver .recent .feed .text {
    width: calc(100% - 70px);
    margin: 0;
    line-height: 60px;
    font-size: 24px;
}
.site_title {
    padding-left: 6px;
}
.nav_title {
    border-bottom: 5px solid #EDEDED;
    padding-bottom: 55px;
}
/* Left menu bar */
body,
.left_col,
.nav_title,
.nav-sm ul.nav.child_menu {
    background-color: var(--sidebar-primary-color);
}
.nav.side-menu > li.active > a {
    background: none;
}
.nav-md ul.nav.child_menu li::before,
.nav-md ul.nav.child_menu li::after {
    background: var(--sidebar-secondary-color);
    border-color: var(--sidebar-secondary-color);
}
/* Left menu icon */
.site_title {
    height: 55px;
}
/* Buttons */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color-dark);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background-color: var(--primary-color-dark);
    border-color: var(--primary-color-darker);
}
.btn-danger {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color-dark);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger:active:hover {
    background-color: var(--secondary-color-dark);
    border-color: var(--secondary-color-darker);
}
/* Tags */
.tag {
    background: var(--label-color);
}
.tag::after {
    border-left: 11px solid var(--label-color);
}
.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm,
.nav.side-menu > li.current-page,
.nav.side-menu > li.active {
  border-right: 5px solid var(--label-color);
}
#anytimerModal .modal-body span {
    font-size: 16px
}
#anytimerModal .modal-body div {
    font-size: 14px;
    margin-top: 5px
}
.dot {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin: 2px;
}
.anytimer_list {
    font-size: 16px;
    margin-bottom: 10px;
}
.mr-0 {
    margin-right: 0 !important;
}
.timeline .block {
    padding-bottom: 13px;
}
.login_content form div a {
    margin: 0;
}
.login_content {
    text-shadow: none;
}
.login_content form input[type="submit"],
#content form .submit {
    float: none;
    margin-left: 0;
}
.row {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
}
.x_panel {
    height: calc(100% - 10px);
}
@media (max-width: 768px) {
    .form-group .col-sm-10 {
        width: 100%;
    }

    .form-group .col-sm-2 {
        width: 100%;
    }
}