@media only screen and (max-width: 768px) {
    /* #left_column {
        display: none;
    } */
    /* #main_column {
        min-width: unset !important;
    } */
    #table_tabs_wrapper {
        display: block !important;
    }
    .table_tabs > ul > li > a {
        font-size: medium;
    }
    .mobile-footer {
        z-index: 100;
    }
}

@font-face {
    font-family: roboto;
    src: url('roboto.ttf');
}

.xf-RecordBrowser-select {
    height: 100%;
}

div.xf-button-bar-actions ul li ul li, nav.tables ul li ul li, nav.personal-tools-menu ul li ul li {
    align-items: center;
    display: flex;
}
  
.tabs_wrapper > .personal-tools-menu #record_actions {
    background-image: linear-gradient(-180deg,#34d058,#28a745 90%);
}
.tabs_wrapper > .personal-tools-menu #record_actions-link {
    color: white;
}
.personal-tools-menu #table_actions {
    background-image: linear-gradient(-180deg,#34d058,#28a745 90%);
    margin-right: 4%;
}
.personal-tools-menu #table_actions-link {
    color: white;
}

.alerts {
    text-align: left;
    margin-left: 10%;
    font: 18px Bitstream Vera, sans-serif;
    color: red;
    max-width: 100%;
}
.alerts > #left {
    float: left;
    margin-right: 1em;
}

.site-title {
    text-align: center;
    font: 18px Bitstream Vera, sans-serif;
    color: gray;
}


/* .record-view-table {
    font: 16px Bitstream Vera, sans-serif;
} */

table {
    font-family: 'Roboto';
}

body.large #list-window {
    width: 100%;
}

#show , #clippy, #cursor_next, #cursor_previous{
    background-image: linear-gradient(-180deg,#34d058,#28a745 90%);
    color: white;
}
#cursor_next, #cursor_previous {
    margin: 4px;
    font-size: 1.5em;
}

.responsive-content {
    width: 80% !important;
}

.Dataface_GlanceList-item-actions {
    display: none;
}

/* Set colors for items in kalendar and in lists */
.occupied > a > span {
    color: IndianRed;
}
.red_select {
    color: red;
}
.holiday > a > span {
    color: green;
}
.green_select {
    color: green;
}


.hidden > a > span {
    color: grey;
}

#login-windows {
    background-image: url('img/background-image.jpg');
}

.buttons {
    background-image: linear-gradient(-180deg,#34d058,#28a745 90%);
    color: white;
    padding: 0.3em;
    border-radius: 5px;
}
#login-window {
    background-color: aliceblue;
}
#login-window > form {
    padding: 1em;
    background-color: white;
    box-shadow: 2px 3px lightgray;
}

.contact_details {
    padding-right: 1em;
}


.tooltip:hover {
    cursor: pointer;
}

.remove_record:link, .remove_record:visited {
    color: white;
}

.fc-event {
    width: fit-content;
}